Html 网站在小型设备上水平滚动

我试图弄明白为什么我的网站在小型设备上水平滚动。我试着改变了很多css，但还是什么也没发生。请你看看这个好吗

---

我想你可以检查我的代码。如果有什么不对劲，现在让我来看看。

我在多个大小的设备和浏览器上查看了该网站，一切看起来都很好

确保您没有看到CSS的缓存版本，这会让您认为您的CSS更改没有效果

请看这里：

---

如果您不希望页面中出现任何溢出-x，您可以在html正文中隐藏x方向上的所有溢出，以便快速解决

如果在主体内部的任何位置需要一个

overflow-x

，只需添加css样式

overflow-x：自动到具有某些已定义的
最大宽度
属性的元素

要解决此问题，请尝试添加
overflow-x:hiddencss到主体

body{
   overflow-x: hidden;
}

我查看了你的网站，有很多不同的尺寸，看起来都不错。如果你说小设备，我们谈论的像素是多少。在我的手机上一切正常。因此，在检查了它之后，我会说在非常小的设备上
。boxcolumn
会影响水平滚动，因为它的绝对宽度为
320px
，那么如何使它响应呢？尝试添加overflow-x:hidden；css样式在正文中。@trav好的，我添加它作为答案，如果它对你有用的话。视图肯定有问题。它似乎只有在视图宽度略低于360px时才会显示。从这一点到320px，滚动时右侧有一个很大的空白。不久前Chrome出现了这个问题，很容易就被忽略了。我在我能找到的最小的设备上测试了它——一台iphone 5c（320像素），它按预期加载。只是做了同样的事情，在多个设备上测试了它，我仍然完全看到了很好的ole空白。除非应用最低点修正。