jquery - 在移动设备的右侧获取空白区域。表格和文本的某些部分超出了移动宽度

Question

我在移动设备的右侧出现奇怪的空白区域。我尝试将页面包装在正文中:

<div style="overflow-x:hidden"></div>

它去掉了右侧的空白，但也切掉了之前溢出的内容。所以，我删除了它。我尝试了很多方法，但到目前为止还没有运气。我使用了视口(viewport)元标记，并为 RWD 使用了 bootstrap 3。任何人都可以帮助解决问题吗？提前致谢。

这是链接:[ http://107.180.106.101:8081/rates-go.html]

Answer 1

在您的样式表中@ http://107.180.106.101:8081/Content/css/style.css , 在第 460 行你有

#page-content{
    width: 572px;
   ...
}

硬编码的宽度会在窄视口(viewport)中引起问题。一种选择是将其更改为类似

#page-content{
     width: 572px;
     max-width: 100%
     ...
}  

希望这对您有所帮助!

更新
调整移动菜单的一种选择是向 CSS 添加如下内容:

@media(max-width:767px) {
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-right: 0; 
    }  
}