有沒有更容易的方式讓網站響應而不需要多餘的媒體查詢？

我剛剛瞭解媒體查詢，並意識到他們可能有點疲憊。我完全有可能以錯誤的方式做他們，使他們變得更加複雜，但根據我的理解，實際上您必須爲每個頁面的每個部分輸入一個媒體查詢，以便您能夠進行響應，這可能是「有趣」的if你有很多頁面。有沒有更容易的方式讓網站響應而不需要多餘的媒體查詢？

雖然這個過程看起來應該很簡單，但我想知道是否有其他路線可以使網站響應而不必針對網頁的每個部分。就像當您用筆記本電腦將筆記本電腦連接到電視機時一樣，它基本上只是將您可以在較小屏幕上看到的所有內容都顯示在更大的屏幕上。你可以做同樣的事情或類似CSS的東西嗎？

使用框架或插件..就像Bootstrap或基礎。 –

但是，你不僅會有大量的媒體查詢，你還會有大量的css樣式，你可能永遠不會使用它，並且會比一個多餘的媒體查詢更大的文件@Mr_Green – Albzi

@BeatAlex True ..我不擅長那些領域如此，我無法進一步評論。希望可能有辦法將這些問題減至最少。 :) –

這些天創建新的響應式頁面的合理解決方案是包括Twitter Bootstrap或Zurb Foundation並使用它們的語法。

兩者都是免費的，兩者都非常出色，都具有出色的文檔，並且都有很大的用戶羣，儘管Bootstrap的體積更大。

你選擇哪一個是個人選擇。我用Zurb。大多數使用Bootstrap。

2014-05-02 11:11:15

正如我上面所說：但是，那麼不僅會有大量的媒體查詢，你還會有大量的CSS樣式，你可能永遠不會使用，並且將是一個比過量媒體查詢更大的文件 – Albzi

@BeatAlex是的，什麼那現實生活中的問題呢？但是，手動生成的CSS中的錯誤是一個明顯的問題。 –

哦，不要誤解我的意思，我也使用Zurb並且喜歡它。我只是說OP不想要多餘的媒體查詢，我認爲這是因爲大小（而不是手動生成的問題）。這可能是我的錯...... – Albzi

回答