0

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

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

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

4

2 回答 2

0

使用此元标记:

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

或者,考虑让您的网站响应以考虑实际的分隔宽度。

于 2012-11-30T16:05:03.647 回答
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) {


}
于 2012-11-30T16:06:16.520 回答