如何爲1600x900分辨率和其他分辨率設置自適應設計？

-4

好的，我根據自己的喜好設計了我的網頁。最後。但是，當然，我設計了一款分辨率爲1366x768的Chromebook。所以當我看着我的1600x900分辨率電腦時，一切都被擡起來了。我如何使用響應式設計讓我的網頁在1600x900分辨率下看起來與1366x768上的相同？這只是一個例子。我最終想要爲手機格式化我的網站，但現在，我專注於筆記本電腦和桌面解決方案。任何幫助表示讚賞，我很難過。如何爲1600x900分辨率和其他分辨率設置自適應設計？

來源

2016-12-22 Daniel Sigut

你可以添加你的代碼..讓你更深入地瞭解你正在努力實現什麼 – Geeky

如果您沒有使用框架（如Bootstrap），那麼您將不得不使用CSS的媒體查詢，這將允許您根據輸出設備的屏幕大小使用特定的CSS屬性。您可以在Mozilla開發人員網絡here上閱讀清楚的說明。學習使用它們並不是一個壞主意，但實現響應式設計的最流行手段是使用Twitter Bootstrap。當然你必須閱讀很多，但是有很多關於如何使用框架的教程，一旦你熟悉網格系統和它的一些類，你可以很容易地使你的網站響應。官方的Bootstrap網站和文檔可以在here找到。就我個人而言，我會建議你使用Bootstrap，因爲它提供了很多功能，而不必從地面做所有的事情。

來源

2016-12-22 01:38:00

此鏈接可能對您正在尋找的內容有用。 https://spin.atomicobject.com/2015/03/06/bootstrap-add-xl-grid-size-option/ 你可以使用這種技術來滿足你的需要

來源

2016-12-22 01:41:08

如何爲1600x900分辨率和其他分辨率設置自適應設計？

回答

相關問題