Question

我尝试了几件事，但没有解决我的问题。在iOS上，一个白色条显示在网站右侧，切断了一些内容。帮助

提前致谢！

Answer 1

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

Answer 2

您可能会看到这样的空白区域，因为您的内容在您的视频中溢出，因为平板电脑/移动设备上的页面缩小了，修复它的一种方法是删除背景图像和颜色你的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 */
}

另一种（非常非常规）方法是将bg图像和颜色放在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;
}

iOS在网站上放置白条

2 个答案: