中心网站在iPhone景观模式与元视口

时间:2010-10-02 12:04:56

标签: iphone mobile-safari screen-orientation viewport centering

我的网站的HTML标签上有一个CSS边框,当我在iPhone上查看它时,它不会将边框视为宽度的一部分,而某些div重叠则反对内容之间存在10px的差距和屏幕的两侧。我使用了meta视口标记

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

这很好用,因为它现在都完美排列,但是当我以横向模式查看网站时,网站没有居中,它从左对齐开始,所以你只看到网站的一半,直到你滚动。

如何在横向模式下查看网站的布局?

1 个答案:

答案 0 :(得分:0)

鉴于这个问题现在已经有点老了。不确定你是否解决了你的问题,但这个链接可以帮助别人。它帮助了我。

我最近一直在关注meta-viewport,并发现了这个网站的文章。

The Viewport meta-tag

基本上,不要使用&#34; width = device-width&#34;。
相反,只需使用&#34; initial-scale&#34;值。