iphone - 网站宽度不会自动适应 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;" />

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

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

score 12 · Accepted Answer

确保视口配置正确：

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

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

例如，如果您有一个比视口宽的图像，请将 CSS 设置为

max-width:100%;

score 0 · Accepted Answer

我想你可能只是有点走神了。这对我有用。

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

2 回答 2