基本概念 1、單位 Px(CSS pixels) 像素 (px) 是一種絕對單位（absolute units）， 因為無論其他相關的設置怎么變化，像素指定的值是不會變化的 其實是相對 ...

　　一、百分比布局（又名流式布局） 　　流式布局的特點就是采用display：flex；來控制整體布局，文字會隨着屏幕的寬度自動延伸，彈性控件的空間會隨着屏寬逐漸加大但不會自動增大，圖片采用百分比進行縮放。 　　二、rem布局（又名等比縮放布局） 　　 　　單位： 　　em ...

一、rem基礎 rem（root em）是一個相對單位，類似em，em是相對於父元素的字體大小 不同的是rem的基准是相對於HTML元素的字體大小 rem的優勢:父元素文字大小可能不一致， 但是整個頁面只有一個html，可以很好來控制整個 ...

vw就是view width,可視寬度,所以一般來說都是可是窗口的一半. 百分比的寬度,就是自己父元素寬度的一半了. ...

css單位我們常用的是px,也即是像素。隨着網頁開發自適應的要求，css3新增了許多單位，rem、vw和vh、vmin和vmax、ch和ex等。 em 做前端的應該對em不陌生，不是什么罕見的單位，是相對單位，參考物是父元素的font-size，具有繼承的特點。如果字體大小是16px（瀏覽器 ...

一、viewport視口 1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 屏幕尺寸：指屏幕的對角線的長度，單位是英寸，常見的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。 ...

流式布局（百分比布局） 流式布局，就是百分比布局，也稱為非固定像素布局 通過盒子的寬度設置成百分比來根據屏幕的寬度來進行伸縮，不受固定像素的限制，內容向兩側填充。 流式布局方式是移動web開發使用的比較常見的布局方式 ...

移動端的rem： 使用方法： 設置html的font-size，根據瀏覽器分辨率縮放 設置根元素font-size為100px這樣好用的值，不要設為10px這樣的； 然后獲取瀏覽器的分辨率，也就是視口寬度，p（比例尺）= 視口寬度 ...