構建響應式網站的各種方法有哪些？

-1

響應式網頁設計速度非常快。我知道twitter Bootstrap是可用的最佳框架作品之一。但我只是想知道其他的選擇。我見過一些響應式網站，我不確定它們是否使用twitter boot strap構建。我在說的網站是smashing magazine和css tricks。有人知道他們是如何響應的，他們是否使用twitter bootstrap或任何其他框架？構建響應式網站的各種方法有哪些？

來源

2012-07-22 Mike

他們都使用自己的自定義CSS代碼。對於具有如此大量定製設計的站點，基於Bootstrap沒有多大意義。

話雖如此，Bootstrap是一個偉大的框架，如果你不介意在完全定義的代碼之上構建。

對於響應式設計，@media查詢是您唯一需要的。 Bootstrap只是一個非常明確的框架，它也在使用@media查詢。

來源

2012-07-22 17:20:33

你的意思是大型網站不能在引導時建立 – Mike 2012-07-24 07:23:42

他們當然可以。問題在於引導程序爲其元素提供了特定的外觀和感覺。根據您的需要，您現在可能需要它們，在這種情況下，使用12-col（或數字）網格並創建您自己的設計元素是有意義的。 – 2012-07-24 21:26:26

其實自適應網頁設計包括三個ingridients：流體網格，靈活的圖像和媒體查詢。如果您有興趣學習如何使用RWD技術構建網頁，我建議您閱讀Ethan Marcotte的Responsive Web Design的書。

來源

2012-07-22 19:04:01 Roman

有點遲到的答案，但現在有相當多的響應前端框架： Twitter Bootstrap或Foundation例如（我是兩個粉絲）。

它們的優點是定製化，流體網格組件，媒體查詢和許多其他特性/功能的水平非常高。靈活性說明了數量。

當然，這些僅僅是起點，您可以將它們定製爲儘可能少或儘可能多。該社區不斷產生新想法，例如bootstrapcdn.com，提供快速加載的引導文件以供使用...

要考慮的最重要因素之一是響應站點可以支持多少個屏幕？ 3？ 4？ 5？（PC，平板電腦，智能手機，電視等）以及您的網站如何降級以支持不同的屏幕尺寸。

來源

2012-10-22 22:11:46 nickhar

構建響應式網站的各種方法有哪些？

回答

相關問題