移动网站未根据视口宽度显示图像

Question

我正在设计一个移动网站，当我在iphone / ipod的纵向视图中查看我的网站时，图像一切都很完美，但当我改为横向视图时，一切都显示有点放大。我已经尝试了所有元标记（视口）属性：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=1" />

我错过了什么？我想继续允许用户缩放，我只是不希望方向更改来缩放我的内容。

Answer 1

jQuery Mobile背后的人有a solution to this。它的工作原理是检查加速度计数据并在设备更改方向时禁用缩放。