一。自適應和響應式 先說共同點，兩者都是因為越來越多的 移動設備（ mobile, tablet device ）加入到互聯網中來而出現的為移動設備提供更好的體驗的技術。用技術來使網頁適應從小到大（現在到超大）的不同分辨率的屏幕.都是為了解決同一張頁面在不同設備分辨率上合理展示的技術。 不同點 ...

瀏覽器默認的字體大小為100%=16px=12pt=1em px像素（Pixel）：是固定大小的單元。相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。一個像素等於電腦屏幕上的一個點（是你屏幕分辨率的最小分割）。像素單元的一個問題是，它沒有為視障讀者的擴展，以適應移動設備。 點（pt ...

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

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

在css里面，padding-top,padding-bottom,margin-top,margin-bottom取值為百分比的時候，參照的是父元素的寬度。 比如：父元素寬度是100px, 子元素padding-top:50%，那么padding-top的實際值就是100*50%=50px ...

按百分比布局,精度肯定不會有rem精確 meta就不多說了,同樣在meta標簽內 <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"> 在body ...

都支持了，我可以放肆的使用 rem 了。 em 的計算是基於父級元素的，在實際使用中給我們的計算帶來 ...

的特別標識符以及css中優先級的機制來實現不同瀏覽器里css樣式兼容性的問題。 2.響應式布局和自適 ...