Question

每当我编写一个可以一直缩小到手表大小的响应式网站时，视口右侧会有一个溢出的空白区域，可以启用水平滚动条。修复很简单：将主体包裹在div中，将其宽度设置为auto并溢出到隐藏。我的问题是：这是你们很多人使用的常用练习/方法，还是很多人遇到的常见问题？是否有一种“清洁”的方式？

我正在使用这个元视口标记：

<meta name="viewport" content="initial-scale=1.0, user-scalable=yes, width=device-width">

Answer 1

一种适用于某些情况（但不一定全部）的清洁方法是在BODY容器上应用overflow：hidden。

它可能不起作用的原因是在某些情况下，陷阱溢出失败的容器可能在DOM中更深。