所以我有一个客户一直想要越来越多地控制自己的 CSS。我的公司可以不在乎。但他们不断用 padding L/R: 29% 和 margin L/R: 3vw...之类的东西来打破边距。每当他们破坏某些东西时，我都会收到电子邮件来修复它。 问题是，到目前为止，所有问题都只是填充百分比和利润。它不会影响页面的内容。如果我只是添加标签overflow-x:hidden，那将永远解决我的问题，对吗？在我对生产站点进行更改之前，有人可以让我知道缺点/问题吗？
最佳答案
坏主意。它可能隐藏真实内容，并最终会造成可读性和响应性问题，它允许图像和文本中途离开视口(viewport)，并且通常不利于可访问性。它不能很好地适应小屏幕。
看起来你需要将整个页面框架在一个容器中，使用 box-sizing: border-box;当浏览器计算文档宽度(和高度)时包括内边距和边框，并将容器的最大宽度设置为 100% 或 100vw这样就不会溢出任何东西。然后您的客户可以根据需要在其中添加尽可能多的填充和边距。
也许您可以尝试对容器中的大多数元素使用position:relative，以便它们知道相对于容器调整自己的大小，从而减少溢出的可能性。另外，将图像和文本元素的 max-width 设置为 100%，并添加 word-break: break-all;在文本元素 ( https://developer.mozilla.org/en-US/docs/Web/CSS/word-break ) 上。
最后但并非最不重要的一点是，确保初始宽度正确设置为 <meta name="viewport" content="width=device-width, initial-scale=1.0">确保缩放级别在所有设备上都正确。
关于html - 溢出-x :hidden on body tag. ..好主意/坏主意，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66002945/