【问题标题】: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并提供最小 重现它的代码。您可能会发现,通过创建最小代码的练习,您会发现问题所在——这就是您进行该练习的原因。

标签: jquery css responsive-design media-queries


【解决方案1】:

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

.reg {
  padding: 20px;
}

.barra .mail {
  width: 350px
}

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

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

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

【讨论】:

    猜你喜欢
    • 2017-08-02
    • 1970-01-01
    • 2011-11-03
    • 1970-01-01
    • 1970-01-01
    • 2011-06-25
    • 2023-01-05
    • 2016-08-17
    • 2013-09-09
    相关资源
    最近更新 更多