1..要做響應式最好不要寫死寬度，用%或者柵格布局
2.柵格布局的優勢在於方便，拿ant-design的row/col舉例，不僅可以指定不同的螢幕所佔柵格數，還能用type='flex'使用flex布局，但是有弊端，雖然響應式比較容易，但是24個還是不夠精確，48？(其實說白了，他就是百分比，想要更加細分就用百分比代替)，需要更加細分，不然可能會空隙過大的問題，並且難以解決。
總結：1.如果柵格布局能做成百分比的形式就完美了
2.覺得不夠精確的話，用原始%（可以套在row和col裡使用）並限定max-width和min-width
eg.
// todo
.ant-col
web前端 響應式布局
隨著移動裝置的流行，網頁設計必須要考慮到移動端的設計。同乙個 為了相容pc端和移動端顯示，就需要進行響應式開發。利用 查詢，讓同乙個 相容不同的終端 pc端 移動端 呈現不同的頁面布局。css3 media查詢 用於查詢裝置是否符合某一特定條件，這些特定條件包括螢幕尺寸 是否可觸控 螢幕精度 橫屏豎...
web前端開發之響應式布局
即傳統web設計，對於pc設計乙個layout，在螢幕寬高有調整時，使用橫向和豎向的滾動條來查閱被遮掩部分 意思就是不管瀏覽器尺寸具體是多少，網頁布局就按照當時寫 的布局來布置 對於移動裝置，單獨設計乙個布局，使用不同的網域名稱如wap.或m.彈性布局是css3引入的強大的布局方式，用來替代以前we...
前端之響應式布局
就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本，可以為不同終端的使用者提供更加舒適的介面和更好的使用者體驗。在標頭檔案中新增乙個meta標籤 其中，width device width 這一句的意思是讓頁面的寬度等於螢幕的寬度。rem 指的是 html 元素的 font size，ht...