摆脱移动视图上的水平滚动条

Question

我创建这个网站是为了响应。问题是当水平屏幕尺寸为 425 px 或更小时，会出现水平滚动条。

我花了好几个小时也找不到原因。

Here is the website deployed

Screenshot

和代码

CSS file

HTML

Github repo

希望有人能帮帮我，谢谢！

Answer 1

我查看了您发布的网站，您的问题出在页脚上

.reg {
  padding: 20px;
}

.barra .mail {
  width: 350px
}

它的固定大小为 350 像素 + 来自它的父项的一些填充。

适当调整一下就大功告成了。

我建议您在进行响应式设计时尽量避免使用固定 width\height