恼人的 x 轴溢出在 chrome 移动浏览器上创建空白答案

【问题标题】：Annoying x-axis overflow creating whitespace on chrome mobile browser恼人的 x 轴溢出在 chrome 移动浏览器上创建空白
【发布时间】：2021-06-05 13:06:35
【问题描述】：

我刚刚为自己完成了一个简单的投资组合网站，具有讽刺意味的是，我无法摆脱 chrome 移动浏览器屏幕右侧的空白。 Firefox 或 duckduckgo 浏览器中没有。

该网站是 Tierneywebdevelopment.com。

我已经尝试了所有这些，它们仍然保留在 css 中：

html,
body {
  overflow-x: hidden !important;
  margin: 0px !important;
  padding: 0px !important;
  scrollbar-width: thick;
  width: 100% !important;
}

我已经下载了溢出检测器 chrome 扩展程序，它说没有元素超过其父项的宽度。

任何人有任何想法或修复？

【问题讨论】：

标签： android css google-chrome mobile overflow

【解决方案1】：

尝试将 box-sizing: border-box 属性添加到 html,body 并查看问题是否仍然存在

【讨论】：

谢谢，现在试一试，没有这样的运气：/