1

'支持堆栈!

所以我一直在掌握视口元标记以及它如何调整页面以适应设备视口。我在这里早些时候从 stackoverflow 获得了一些帮助: 页脚不会在 iphone 上扩展到 100% 宽度,为什么? 我主要担心的是我的网站页脚不会扩展到 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" 会将宽度设置为正在查看的设备的宽度?还是我完全误解了这一点。

有没有办法设置视口元标记以包含该网站的 ipadiphone?

非常感谢任何帮助!

4

2 回答 2

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/

于 2013-03-16T23:19:37.753 回答
0

尝试 initial-scale=1 而不是 0

因为你想让它 100% 缩放,而不是 0%

于 2012-08-04T15:55:12.470 回答