'Sup Stack！
所以我一直在掌握视口元标记以及它如何调整页面以适应设备视口。我早些时候在stackoverflow上得到了一些帮助： Footer will not extend to 100% width on iphone, why? 主要是我的担心是我的网站页脚不会扩展到100％的宽度。你可以访问这里的网站： http://gloryillustration.com/ 你可以在这里看到我的iphone解决方案： http://gloryillustration.com/tests/test13.html 在那里我设法对网页进行排序，以便在iphone上正确显示，使用：
<meta name="viewport" content="width=device-width, initial-scale=0">
如果您要在ipad上查看此内容，页脚 显示100％的宽度，但整个页面现在显示为好像它缩小了waaaaay并且增加了大量的空白区域页面的左侧和在页脚下。我认为该网站正在调整自己，好像它正在iphone上观看。但是我不确定为什么它会像那样调整？我认为content =“device-width”会将宽度设置为正在查看的设备的宽度？或者我完全误解了这一点。
有没有办法将视口元标记设置为包含此网站的ipads 和 iphone？
非常感谢任何帮助！
答案 0 :(得分：1)
请改用：
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
您可以在此处查看结果http://www.premiumdw.com/case-studies/convert-a-960-grid-website-to-a-responsive-design/。
答案 1 :(得分：0)
尝试使用initial-scale = 1而不是0
因为你想让它100％变焦，而不是0％