採用flex布局的元素，它的所有子元素自動成為容器成員，可以自動分配空間，適合做移動端開發在不同的裝置上顯示不同的效果，因此適合做移動端開發
物理畫素值（螢幕解析度）裝置獨立畫素（當前瀏覽器的寬高）
裝置畫素比（裝置畫素比 = 物理畫素 / 裝置獨立畫素）
每英吋的畫素值
（指裝置的螢幕上能用來顯示網頁的區域）scalable=no">/*引數說明
width : 設定layout viewport 寬度，值為乙個正整數，或字串"width-device"
height：設定layout viewport 高度，這個屬性很少使用
initial-scale ：設定頁面初始縮放值，值為乙個數字，可以是小數
minimum-scale : 設定頁面最小縮放值，值為乙個數字，可以是小數
maximum-scale : 設定頁面最大縮放值，值為乙個數字，可以是小數
user-scalable : 是否允許使用者進行縮放，值為"no"或"yes"
*/
相對長度單位，相對於當前物件內文字的字型尺寸，根據父元素的大小變化而變化相對長度單位（r指root），相對於根元素（即 html 元素）font-size 的倍數，不會被它的父元素影響
相當於視窗高度的 %，單位為vw
相當於視窗寬度的 %，單位為vh
移動端（響應式）
查詢 mdn stylesheet media max width 800px href example.css 複製 mobile first原則 響應式設計最好mobile first原則優先，不過pc first也可以，只不過現在一半以上的使用者都是用手機在訪問頁面 為實現響應式，可以根據不同...
響應式開發知識小白入門
固定寬度布局 為網頁設定乙個固定的寬度，通常以px作為長度單位，一般pc端網頁 流式布局 為網頁設定乙個相對的寬度，通常以百分比作為長度單位 柵格化布局 將網頁寬度人為的劃分為均等的長度，然後排版布局時則以這些均等的長度做為度量單位，通常利用百分比作為長度單位來劃分成均等的長度 響應式布局 通常檢測...
移動端響應式布局
1.快捷鍵 meta vp tab鍵 2.viewport視口 width device width 設定視口的寬度等於裝置的寬度，如果不設定的話，缺省視口寬度為980px。通俗的理解 我們這個操作其實就是告訴當前的瀏覽器按照多少寬度來渲染頁面，換句話說，就是展示當前這個頁面的區域一共有多寬 瀏覽器...