Bootstrap 我在iphone7上的网站两边都白色空格,我使用了隐藏的溢出x，但它导致了其他问题

txu3uszq 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(2)|浏览(113)

我发现我的网站两边都有白色（我使用bootstrap4）
我在谷歌搜索解决方案，所以我看到在stackoverflow论坛这个代码作为解决方案：
在介质查询中插入此代码后：

@media (max-width: 575.98px) { 
    
    .site-header  {
        background-color:grey;
    }
html,body{
    overflow-x: hidden;
}
}

当我调整我的网站到500像素的窗口，我的网站是变得非常小，在它的白色空间.当我打开我的网站在iPhone 7上，我只看到标题和内容是白色空间没有任何文字（空）.我的网址是：这到底是怎么回事？

2条答案

页面的内容是不可见的，因为所有的内容都被放置在元素“site-header”中，它有一个固定的80 px的高度。2也许你忘记关闭这个标记了。

我忘记关闭网站标题。但问题是没有解决，直到我添加：

html,body{
    overflow-x:hidden;
    height:100%;
}