网站宽度不会自动适合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纵向屏幕宽.

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

Answer 1

确保正确配置视口:

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

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

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

max-width:100%;