删除移动网站上的水平滚动

Question

我在构建的网站的移动版本上遇到水平滚动问题。我试过添加overflow-x：hidden无济于事。似乎唯一能做任何事情的是：

body {
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
             box-sizing: border-box;
}

但不是解决问题，而是将所有内容移到左侧，在桌面和移动设备上切断它。我的媒体查询似乎也不起作用。有人可以帮忙吗？