Html 右边有额外的空间

我有一个网站：www.ribbonhill.co.uk 我一直在尝试删除手机右侧的空白

奇怪的是，在Chrome和Edge浏览器上，它并没有在完全模式下出现，但当它的大小变小时，问题只会出现在Edge上，而不会出现在Chrome上

该网站使用Django oscar构建，本身没有任何问题

我已经尝试删除两个CSS文件，没有空白。这两个文件是ribbonhill.css和w3.css

删除w3.css只会留下一小部分空白，但删除ribbomhill.css会留下很大的空白

我一直在尝试删除一些代码，但仍在努力

我试过了

@媒体
仅屏幕和（-webkit最小设备像素比：1.5），
仅屏幕和（-o-min-device-pixel-ratio:3/2），
仅屏幕和（最小——moz设备像素比：1.5），
仅屏幕和（最小设备像素比：1.5）{
html，
身体{
宽度：100%；
溢出x：隐藏；
}
}

我已经分析了你的网站。这是一个小的CSS不匹配

在

导航栏内部

移除

最小宽度：400px

用于您的站点徽标和

宽度：80%

这不是有效的输入值

更改CSS如下：

.标志{ 左边距：50%； 转化：translateX（-50%）； 最小宽度：自动！重要；}

删除

填充：2rem0用于你的
.footer
类。因为它会影响容器的填充

应该是这样的:

.footer，footer{padding top:20rem；margin bottom:0rem；}

---

为什么需要通过edge查看手机大小的页面？我注意到在使用手机时会发生这种情况（只有一点点），但我认为尝试删除它会很好，我碰巧在edge中注意到了更多的问题。你能给我看一下捕获的图像吗？全部排序！在手机和chrome上一切正常，不过我仍然可以在Edge或internet explorer浏览器上将网页拖到右边，浏览器上仍然显示一些空白。我想这和浏览器有关吧？奇怪的是，底部没有滚动按钮，只是在拖动时才会出现。（将附加上面的屏幕截图）。谢谢你的评论！太高兴了。