html - 移动IOS设备旋转后图像大小不一样

Question

我正在制作一个网站并在我的 iPad 的 safari 浏览器上查看它。

在纵向方向中，该站点看起来不错。但是当设备旋转时，网页的大小（它的宽度和高度）是不同的。

看来横向视图大约是纵向大小的 1.3 倍。

如何使两个方向的尺寸相同？

score 2 · Accepted Answer

这可能会有所帮助：

var w = $('img').width();
var h = $('img').height();

$(window).orientationchange(function(e) {
     $('img').css({'width':w, 'height':h});
});

score 1 · Accepted Answer

1

只需以像素为单位为图像提供宽度。

于 2013-03-06T07:32:43.327 回答

score 1 · Accepted Answer

采用

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no">

score 1 · Accepted Answer

只有两个选项。

4 回答 4