我目前正在开发一个在线商店。
我的客户希望它在 iPad 上具有正确的外观。问题是当它以横向加载时,网站没有居中并在右侧显示一个“白条”。
我已经解决这个问题几天了,仍然没有找到任何解决这个问题的方法。我认为这只是一个 CSS 问题,但我似乎无法找到它。
使用此元标记:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
或者,考虑让您的网站响应以考虑实际的分隔宽度。
您是否考虑过使用媒体查询?您的网站对我测试的内容没有响应。媒体查询将允许您定义最大值在不同大小的屏幕上的外观。
例如对于 iPhone 4
@media only screen and (max-device-width: 480px) {
}