在Ipad上发布网站问题 - CSS

时间:2012-11-30 16:03:27

标签: html css

我目前正在开发一个在线商店。

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

我现在已经开了几天了,仍然没有找到解决这个问题的方法。我认为这只是一个CSS问题,但我似乎无法找到它。

2 个答案:

答案 0 :(得分:0)

使用此元标记:

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

或者,请考虑让您的网站做出响应,并考虑实际的偏差宽度。

答案 1 :(得分:0)

您是否考虑过使用媒体查询?您的网站不是我测试的响应。媒体查询将允许您定义最大在不同大小屏幕上的显示方式。

http://mediaqueri.es/

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

例如iPhone 4

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


}