從修復寬度到響應框架的最佳選擇

-1

目前我正在開發固定寬度的網站主題，所以請給我一個建議，我應該採用哪種框架，還有其他方式可以這樣做。在此先感謝。從修復寬度到響應框架的最佳選擇

來源

2014-10-31 Sohail Qureshi

我建議你使用Bootstrap 3，它被很多開發者使用，它的文檔是非常有用的。

要了解響應式設計又好又快你應該：

瞭解使用媒體查詢，this本文將讓你瞭解標準斷點他們。
您可以使用LESS或SASS創建適合您項目的自定義Bootstrap網格。

來源

2014-10-31 11:56:26 shadeed9

你能告訴我爲什麼我需要使用LESS或SASS嗎？ – 2014-10-31 12:35:39

+1爲最佳解決方案。 – 2014-10-31 12:35:40

@SohailQureshi這些CSS預處理器使您的代碼更高效，您可以編寫更少的CSS代碼，並且可以改善您的工作流程。查看LESS的初學者指南：http://www.hongkiat.com/blog/less-basic/ – shadeed9 2014-10-31 14:53:28

如上所述，Bootstrap等框架確實加快了網站的開發時間，並且由於所使用的網格系統而使添加響應式佈局更加容易。有關使用引導程序的額外信息，請轉至http://www.sitepoint.com/responsive-web-design-tips-bootstrap-css/。他們提供了一些關於響應式設計的提示

來源

2014-10-31 12:00:28

對於響應式網站設計，您必須瞭解CSS媒體查詢。雖然它可以完成您的工作，但通過媒體查詢進行設計似乎需要付出很多努力，特別是當必須更快，更省時的替代方案時。我建議你通過twiiter bootstrap框架。它的響應式網站設計更容易。你必須包括幾個JavaScript文件並應用一些預定義的類（根據你的需要），然後你就完成了。有兩個很好的教程，我想提一下。只需通過它們就可以清楚地瞭解響應式設計中的引導程序簡單性。他們也有很好的例子。只要嘗試改變瀏覽器寬度以獲得更好的理解。

引導：

Link 1

Link 2

來源

2014-10-31 12:32:35

如果我使用bootstrap進行響應主題開發，那麼我也使用媒體查詢或JavaScript將管理它，請回復我。 – 2014-11-01 00:00:50

我會使用自舉3從個人的經驗一致。而不是設置實際的寬度設置百分比，而是使其響應，因爲它會使用任何屏幕大小的大小，作爲一個例子，你可以使用這個link。

此外，請檢查摺疊導航欄，以便在較小的設備上摺疊自適應導航，以下鏈接可幫助您：NAV。

來源

2014-10-31 16:59:30 Simpson