适用于没有滚动条的移动设备的全屏广告图片

Question

我想创建一个HTML / CSS / Javascript页面，可以全屏显示手机图片（广告）。智能手机+平板电脑。广告延伸到最大宽度和高度，没有滚动条。

我尝试了两种不同的方式：

var screenWidth = $(window).width();
var screenHeight = $(window).height();

$('body, .ads-picture').css('width', screenWidth+'px');
$('body, .ads-picture').css('height', screenHeight+'px');

以其他方式对每个设备进行媒体查询。

但它在任何情况下都不起作用。在iPhone 5中，图片不是全屏（我需要滚动），在iPad mini中也是如此。

你能帮帮我吗？谢谢!!!

Answer 1

添加以下标记并放置宽度：100％即时图像

<meta name="viewport" content="width=device-width, user-scalable=no">

获取有关它的更多信息here