基礎5響應式設計佈局

當我處理網格系統時，我無法正確地使用基礎5來創建響應式設計。基礎5響應式設計佈局

是否必須使用網格系統設置列寬？
爲了更加清楚，頁面上的每個元素是否需要爲每個寬度（小，中，大）提供多個列，以使該站點被認爲是真正的響應？或者是否足以設置寬度以％和ems和簡單的顯式媒體查詢來實現該目標？

來源

2014-10-02 Ahmad Badawi

我對基金會5一無所知，但原則上不，你甚至不需要網格系統來響應。正如您懷疑的那樣，媒體查詢用於重新排列要移動到不同大小屏幕的元素將使任何頁面響應。是的，設置時間單位或％時間 - 尤其是媒體查詢斷點。

如果您的頁面內容自然需要像時尚一樣的網格顯示，那麼網格很有用。

順便說一句，如果您正確標記了標籤，您可能會早得多。響應式設計使其成爲一個CSS問題，所以它需要一個CSS標籤！我只是碰巧看到這個，因爲我在尋找別的東西。

來源

2014-10-08 12:19:12 GuyH

我想我得到了我的答案，但只是爲了澄清：我有時會購買使用** foundation **或** bootstrap **構建的html/css主題，並注意幾乎每個元素或塊都使用* *網格系統**實現大部分響應要求。我只是認爲這有時不合邏輯，導致不必要的代碼膨脹，並且不是那種語義上的開始。 PS：我想我確實試着首先添加css標籤，但作爲第一個計時器，我被告知我需要使用這個標籤的聲望。或者它可能是另一個標籤，讓我忘了重新添加css標籤 – 2014-10-08 22:40:20

我同意你關於代碼膨脹的框架，他們做了其他不好的事情......像Bootstrap修復字體大小，以便人們視力差只能在IE瀏覽器中進行文字縮放 - 對輔助功能不利。在您登陸首頁的那一刻，您也可以識別引導站點 - 它們看起來都很相似！但是有幾個簡單的網格系統，你可以在這裏遵循所解釋的原則，並複製你想要的網格大小的代碼。只需谷歌的「CSS響應網格」。 – GuyH 2014-10-14 11:47:32

基礎5響應式設計佈局

回答

相關問題