根據(jù)網(wǎng)上的一些文章自己整理的個人想法劳跃，寫的這么流水賬主要是為了梳理自己理解吟秩。
名詞解釋
自適應：針對不同設(shè)備做最佳展示（如web端称杨、ipad止潘、手機端等）前端需要幾套代碼 根據(jù)不同設(shè)備調(diào)用其匹配的代碼俐镐。
響應式：針對瀏覽器拉大或者縮小做最佳展示（也就是不用考慮其他設(shè)備，只考慮web端在不同分辨率下做最佳展示）
柵格：柵格是配合響應式的產(chǎn)物
常見分辨率
16:9?? 1336*768峡眶、1660*900剧防、1920*1080植锉、2540*1660（2k）辫樱、3840×2160 （超高清 4K）
4:3?? 1600*1200、1400*1050俊庇、1024*768
分辨率種類：物理分辨率（設(shè)備屏幕分辨率）狮暑、實際分辨率（設(shè)計稿分辨率）
邏輯像素:看這里→邏輯分辨率和物理分辨率到底是什么呀？
在同一設(shè)備上調(diào)整不同分辨率頁面顯示情況對比圖
結(jié)論:同一設(shè)備下分辨率越大可展示的內(nèi)容越多辉饱，但肉眼看上去內(nèi)容尺寸會變小搬男。
柵格系統(tǒng)原理、應用場景彭沼、如何使用
柵格前端代碼展示：
?ant-col-xs-24 ant-col-sm-12 ant-col-md-12 ant-col-lg-12 ant-col-xl-6（截取了螞蟻金服的設(shè)計代碼：螞蟻金服柵格例子）
展示結(jié)果如圖：
注：分辨率變化格子的寬度是不變的只是占的格子數(shù)量變化如下圖
網(wǎng)上給的參考：甚至可以做到在超高分辨率下（2K 以及 4K）采用 24 柵格，在中高分辨率下（1280~1920）使用 12 柵格，在低分辨率下（320~800）使用 8 柵格褐奴，相應的槽寬也可以做響應式變化
為什么使用柵格按脚？
web端使用柵格可以讓頁面 在不同分辨率下遵循規(guī)律變化，可以有依據(jù)敦冬。
參考文章：如何用柵格系統(tǒng)布局
