Ipad上的网站问题 - CSS

我目前正在开发一家网上商店。Ipad上的网站问题 - CSS

我的客户希望它在iPad上有正确的外观。问题是，当它在横向加载时，网站不居中，并显示正确的“白色栏”。

我一直在解决这个问题已经有好几天了，现在还没有找到解决这个问题的办法。我认为这只是一个CSS问题，但我似乎无法找到它。

使用此meta标签：

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

或者，看看使您的网站响应考虑到实际devide宽度。

2012-11-30 16:05:03

它仍然有在右边的白酒吧，但现在它加载全屏现在的样子我通缉！非常感谢你！我不知道这个元标记，但据我所知，它将宽度设置为设备宽度，并且还定义了比例尺......这是每个网站的必备条件吗？ – user1776702

@ user1776702 - 值得一读：http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/ –

@ user1776702此外，你应该选择去（我会100％建议你这样做），这是一个很好的信息来源：http://bradfrost.github.com/this-is-responsive/resources.html –

你有没有想过使用媒体查询？您的网站未经过测试的响应。媒体查询将允许您定义max在不同尺寸的屏幕上的显示效果。

例如，对于一个iPhone 4

@media only screen and (max-device-width: 480px) { 


}

2012-11-30 16:06:16 joshuahornby10

回答