刪除手機中的水平滾動

-1

我開發了一個網站。當我在我的筆記本電腦上調整瀏覽器窗口的大小時，它看起來很好，但當我在手機瀏覽器中打開它時，它設置了一個水平滾動條，這使得它看起來很古怪。任何幫助都非常感謝。鏈接：https://dcheroes.uphero.com 刪除手機中的水平滾動

來源

2017-06-21 Maloy

請問您可以發佈您的代碼嗎？ – IiroP

歡迎來到Stack Overflow。我們在這裏幫助你**你的代碼**。請參考SO的[tour]（https://stackoverflow.com/tour）並閱讀[Help center]（https://stackoverflow.com/help）以瞭解如何提出可接受的問題論壇。還有如何給我們一些工作？像代碼或您的網站URL？沒有它，我們只能同意它的側面滾動，只有你可以修復它。 – Syfer

如果你想在響應發展必須需要使用媒體查詢

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

，每當你使用width到最外面的元素與它max-width取代。欲瞭解更多信息，請閱讀以下文章

Max-width MDN

Media queries

來源

2017-06-21 05:50:02

這就是所謂的創建響應設計。創建響應式設計需要更多關於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，請確保始終使用其設計語言。

來源

2017-06-21 07:32:59

刪除手機中的水平滾動

回答

相關問題