2017-06-21 132 views
-1

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

+1

请问您可以发布您的代码吗? – IiroP

+1

欢迎来到Stack Overflow。我们在这里帮助你**你的代码**。请参考SO的[tour](https://stackoverflow.com/tour)并阅读[Help center](https://stackoverflow.com/help)以了解如何提出可接受的问题论坛。还有如何给我们一些工作?像代码或您的网站URL?没有它,我们只能同意它的侧面滚动,只有你可以修复它。 – Syfer

回答

0

如果你想在响应发展必须需要使用媒体查询

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

,每当你使用width到最外面的元素与它max-width取代。欲了解更多信息,请阅读以下文章

Max-width MDN

Media queries

0

这就是所谓的创建响应设计。创建响应式设计需要更多关于HTML/CSS的知识。

了解响应的设计以及如何在这里创建它们:https://www.w3schools.com/html/html_responsive.asp

你有没有想过使用引导,这样可以使创建响应的设计更容易,因为他们已经做了很多的工作适合你了。

了解引导,以及如何在这里使用它: https://www.w3schools.com/bootstrap/

编辑:我的道歉,看起来你已经使用引导。但几乎没有使用它IE:你不使用<div class="container">div class="row"或类如col-md-6。我强烈建议,如果您要使用Bootstrap,请确保始终使用其设计语言。