原理簡單點說響應(yīng)式布局它是通過CSS中MediaQuery媒介查詢@media功能，來判斷我們的終端設(shè)備寬度在多少像素內(nèi)，然后就執(zhí)行與之對應(yīng)的CSS樣式。

·CSS自定義屬性4響應(yīng)式布局您的應(yīng)用程序應(yīng)該在所有類型的設(shè)備例如智能手機，平板電腦，臺式機，iPad或任何其他屏幕尺寸的設(shè)備上都可以查看和使用因此，了解創(chuàng)建響應(yīng)式設(shè)計或布局非常重要讓我們來看一些重要的主題·了解如何設(shè)置視口。

屏幕高度，667 windowinnerHeight 網(wǎng)頁視口高度，553 body高度，網(wǎng)頁內(nèi)容的高度根據(jù)網(wǎng)頁內(nèi)容決定 vh網(wǎng)頁視口高度的1100 vw網(wǎng)頁視口寬度1100 vmax取兩者vhvw最。

當然，在未來的CSS Image Level 4中已經(jīng)實現(xiàn)了響應(yīng)式圖片的原生語法imagesetltimageset = imageset ltimagesetdecl， * ltimagesetdecl ltcolor ltimagesetdecl = ltimage ltstring lt。

就近原則，important提高元素優(yōu)先級，偽類選擇器，偽對象選擇器，@import導(dǎo)入其他css文件，響應(yīng)式布局可以解決多設(shè)備的兼容問題文本屬性fontfamily字體 fontsize字體大小 fontstyle斜體 fontweight粗體 color。

css定位，怎么響應(yīng)式布局雙欄 響應(yīng)式雙欄 應(yīng)該是一般固定一般不固定的吧 左邊固定 左邊浮動+margin， 右邊width 100% 右邊固定 左邊padding ，右邊浮動bootsrtp響應(yīng)式布局在react 中怎么用 如何使用Boot。