元标记视口使我的网站看起来很奇怪的ipad

Question

'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 和 iphones？

任何帮助非常感谢！

Answer 1

尝试的初始规模= 1而不是0

你想拥有它100％的缩放，而不是0％

Answer 2

用这个代替：

<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/。