删除手机中的水平滚动答案

【问题标题】：Remove horizontal scroll in mobile删除手机中的水平滚动
【发布时间】：2017-06-21 15:32:59
【问题描述】：

我开发了一个网站。当我在笔记本电脑上调整浏览器窗口的大小时，它看起来很好，但是当我在移动浏览器中打开它时，它设置了一个水平滚动，使它看起来很奇怪。非常感谢任何帮助。链接：https://dcheroes.uphero.com

【问题讨论】：

能否请您发布您的代码？
欢迎来到 Stack Overflow。我们在这里为您提供您的代码方面的帮助。请获取 SO 的 tour 并通读 Help center 以了解如何在论坛中提出可以接受的问题。另外，给我们一些工作怎么样？喜欢代码或您的网站 URL？没有它，我们只能同意它的横向滚动，只有你可以修复它。

【解决方案1】：

如果你想开发响应式，你必须使用媒体查询

@media screen and (max-width: ** px) and (min-width: **px) {
}

每当你使用width 到最外层的元素时，都用它替换max-width。更多信息请阅读以下文章

【讨论】：

【解决方案2】：

这称为创建响应式设计。创建响应式设计需要更多的 HTML/CSS 知识。

在此处了解响应式设计以及如何创建它们：https://www.w3schools.com/html/html_responsive.asp

您是否考虑过使用 Bootstrap，这可以使创建响应式设计变得更加容易，因为它们已经为您完成了大部分工作。

在此处了解 Bootstrap 及其使用方法： https://www.w3schools.com/bootstrap/

编辑：抱歉，您似乎已经在使用 Bootstrap。但几乎不使用它 IE：你没有使用<div class="container"> 或div class="row" 或col-md-6 之类的类。如果你打算使用 Bootstrap，我强烈建议你确保始终使用他们的设计语言。

【讨论】：