1

我已经尝试了几件事，但没有解决我的问题。在 iOS 上，站点右侧会显示一个白条，截断部分内容。帮助？

http://qusik.com/newsite/

提前致谢！

4

2 回答 2

1

由于页面在平板电脑/移动设备上缩小，您可能会看到该空白，因为您的内容溢出了视口，修复它的一种方法是从您的header和创建中删除该背景图像和颜色一个.bg带有它的 div 并将其绝对定位（在所有方向上拉伸，例如top:0; right:0; bottom:0; left:0;），相对于身体，因此它将在屏幕的所有方向上拉伸，如下所示：

.bg {
    background-color: #000000;
    background-image: url("images/tint_blue.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFFFFF;
    position:absolute;
    top:0; left:0; bottom:0; right:0;
    z-index:-1; /* to place it behind everything else, just make sure not to have bg colors on your page elements */
}

另一种（虽然非常不正统）的方法是将背景图像和颜色放在html标签上，如下所示：

html {
    background-color: #000000;
    background-image: url("images/tint_blue.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFFFFF;
}
于 2012-04-25T18:43:21.317 回答
1

我重新检查了您的网站，您的 ipad 图像及其容器比您的其他容器宽得多，尝试将其尺寸减小到 960-940 宽度

于 2012-04-25T17:25:04.390 回答