网站宽度不会自动适应 iPhone 屏幕答案

【问题标题】：Website width doesn't automatically fit to iPhone screen网站宽度不会自动适应 iPhone 屏幕
【发布时间】：2013-07-10 17:31:12
【问题描述】：

我希望我的网站宽度自动适应 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 纵向屏幕？

【问题讨论】：

【解决方案1】：

确保视口配置正确：

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

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

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

max-width:100%;

【讨论】：

【解决方案2】：

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

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

【讨论】：