网站宽度不会自动适合iPhone屏幕

Question

我希望我的网站宽度自动适合iPhone纵向屏幕（在iPhone 5上进行测试）。我目前将宽度CSS设置为100％并使用此元视口标记：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />

此问题推荐此技术：Website does not automatically fit to iphone screen

但它对我不起作用。网站宽度仍然比iPhone纵向屏幕宽。

如何让网站宽度自动适合iPhone纵向屏幕？

Answer 1

确保正确配置了视口：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

确保您没有比视口宽的内容。

例如，如果您的图像比视口宽，则将CSS设置为

max-width:100%;

Answer 2

我想你可能会偏离一点点。这对我有用。

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