html - 超过 100 个 View 宽度的图像在移动版本上创建了一个空的白条

Question

很多人都说过要在元素的父元素和主体上使用隐藏的溢出。但问题是图像将被切断(根据需要)，但它占用的空间仍然存在。同样，这仅适用于用户可以滚动超过 View 宽度或以浏览器无法做到的方式缩小的移动设备

html, body { max-width: 100%; overflow-x: hidden; }

几乎每个页面都有效，除了有一个 jpeg(不知道是否相关)图像突出:

White bar example: continues down the page

Answer 1

试试这个。

* {
  box-sizing: border-box;
}

box-sizing 属性允许我们在元素的总宽度和高度中包含填充和边框。如果你设置 box-sizing: border-box;元素的填充和边框包含在宽度和高度中。