由裝置型別、監測裝置特性表示式構成。
語法：@media 裝置型別[all\screen] and (條件表示式)
注：and兩側必須有空格 not放在裝置型別的前面（反向選擇【排除某個範圍】）
ppi : 每英吋所顯示畫素點的密度 （ ppi值越高 螢幕顯示越清晰 ）
dpi : 每英吋所顯示畫素點的個數
dpr : 裝置畫素比例。 dpr == 物理畫素（把手機上截圖放在ps中量取的大小） / 邏輯畫素（css去設定的畫素）
dpr怎麼獲取：
根據ui設計圖而定：絕大部分拿到的設計圖的大小 750px/640px/
針對性對dpr進行獲取：
如果設計圖為640px 或者 750px 選取dpr 2
如果設計圖為大於750px 選取dpr為 3
px % deg pt em
rem :
rem相對大小 ： 相對於html的font-size的值而定 預設 1rem == 16px; rem布局（等比縮放）
假如：設計圖為750px
考慮dpr為 2
ps中量出乙個元素為88px
設定css大小的時候 88px / dpr2 == 44px;
又因為 不能固定44px ( 44px固定之後就不能放大或者是縮小 )
所有 44px 轉成 rem
因為 html中font-size:100px; 1rem == 100px; 44px == 0.44rem
vw ： 視口的寬的比例 100vw == 視口寬度的100%
vh ：
視口高度的比例 100vh == 視口高度的100%
vmin : 視口的寬和高進行比較 誰小我用誰
vmax ： 視口的寬和高進行比較 誰大我用誰
第一種情況：設計圖為640px
設計圖640px 考慮dpr 為2
640px / 2 == 320px
視口的寬 320px 100vw == 320px
1vw == 3.2px
?vw == 100px
31.25vw == 100px;
第二種情況：
設計圖為750px;
設計圖為750px 考慮dpr為2
750px / 2 == 375px;
視口的寬 375px;
100vw == 375px;
1vw = 3.75px;
?vw == 100px;
26.67vw == 100px;
大小端詳解
前言 本篇文章介紹資料儲存的大小端模式，大小端模式起源於吃雞蛋的典故。首先，我們看一下資料在記憶體是怎麼儲存的 從上邊我們可以看出a b在計算機中儲存的是補碼，但是順序卻倒著的，這實際上就是小端儲存 大端儲存模式 是指資料的低位位元組序儲存在記憶體的高位址中，而資料的高位位元組序儲存在記憶體的低位址...
大端小端詳解
所謂的大端模式，是指資料的低位儲存在記憶體的高位址中，而資料的高位，儲存在記憶體的低位址中 所謂的小端模式，是指資料的低位儲存在記憶體的低位址中，而資料的高位儲存在記憶體的高位址中。儲存資料0x1234，大端小端模式儲存如下 記憶體位址 0x4000 0x4001 大端模式 0x12 0x34 小端...
大端小端詳解
用c語言寫程式時需要知道是大端模式還是小端模式。所謂的大端模式，是指資料的低位儲存在記憶體的高位址中，而資料的高位，儲存在記憶體的低位址中 所謂的小端模式，是指資料的低位儲存在記憶體的低位址中，而資料的高位儲存在記憶體的高位址中。為什麼會有大小端模式之分呢？這是因為在計算機系統中，我們是以位元組為單...