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

Posted 2023-05-08

【中文标题】摆脱移动视图上的水平滚动条

【英文标题】：Get rid of horizontal scroll bar on mobile view

【发布时间】：2020-09-01 04:56:27

【问题描述】：

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

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

Here is the website deployed

Screenshot

还有代码

CSS file

html

Github repo

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

【问题讨论】：

您好，请在问题中包含所有相关代码。 应更新问题以包含所需行为、特定问题或错误以及重现问题所需的最短代码。阅读minimal reproducible example并提供最小 重现它的代码。您可能会发现，通过创建最小代码的练习，您会发现问题所在——这就是您进行该练习的原因。

【参考方案1】：

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

.reg 
  padding: 20px;


.barra .mail 
  width: 350px

它有 350px 的固定大小 + 来自它的父 reg 的一些填充。

适当地调整它，你就完成了。

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