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

Question

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

我花了几个小时，却找不到原因。

Here is the website deployed

Screenshot

和代码

CSS file

HTML

Github repo

希望有人可以帮我，谢谢！

Answer 1

我调查了您发布的网站，您的问题是页脚

.reg {
  padding: 20px;
}

.barra .mail {
  width: 350px
}

它的固定大小为350像素+父级填充部分。

适当地调整它就可以完成。

我建议您在进行响应式设计时，尽量避免使用固定的宽度\高度