HTML页面中心对齐iPhone iphone

我正在测试iphone中的HTML5网页。还使用CSS3。该页面集中在所有浏览器中。但问题在于iphone。它在这里左对齐。我试图 -HTML页面中心对齐iPhone iphone

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

但没有运气。请帮我解决这个问题。网址是： http://www.stonegardenbd.co.cc/projects/vapp

谢谢。

2012-02-10 Imrul.H

我发现如果你想让一个网页在iPhone上显示'标准'，就不会使用这个元标记。如果您需要它进行放大，就像在响应式设计中一样，然后将其包含在内。我只是这样说，因为我必须回去并从多个网站中删除它，以使它们看起来“正确”。 – chipcullen 2012-02-10 16:38:51

为什么浪费空间，使页面居中。将屏幕左侧和右侧的空白留在屏幕上似乎浪费在屏幕空间有限的设备上。 – Gerben 2012-02-10 20:24:17

您应该使用CSS3媒体查询来最大限度地控制不同视口尺寸上的内容。我的猜测是这不是集中，因为从技术上讲，它没有响应，并且网站的尺寸不适合视图端口。您的包装中可能有宽度超过320像素的东西。 – 2012-02-10 22:48:47

尝试设置主体最小宽度。我发现当宽度被设置时，它没有在iOS浏览器中居中。

下面是一个例子：

body { 
background-color:#0e7242; 
color:#FFFFFF; 
font-size:15px; 
min-width: 1000px;} 

div.content { 
    margin:0 auto; 
    width:900px; 
}

有一点需要注意的是，如果你有中继检视区标记在那里，用户将不得不滚动出来，看到整个网页。您可能希望加载整个宽度，然后用户滚动查看文本。

2012-02-14 02:01:45 bassplayer7

回答