? ? ? ? ? ? ? ? ? ? ? ? ? 移動(dòng)端適配概念
移動(dòng)端適配的方案：
1.百分比單位续誉；
2.vw 和 vh
3.媒體查詢 + rem;
注意：不能使用px作為移動(dòng)端適配的單位。
在高清屏下，1個(gè)css像素 1px 所占用的物理像素點(diǎn)是動(dòng)態(tài)變化的锰扶，在高清屏中纹冤，同樣是100px清酥，此時(shí)
1px只是占用的像素點(diǎn)更多了而已。因此不管切換到什么樣式的屏幕尺寸下颠黎，100px始終看起來(lái)就是
那么大另锋，所以px不能作為適配單位滞项。
物理像素：(設(shè)備像素)：一個(gè)設(shè)備的屏幕是由一個(gè)一個(gè)的小像素點(diǎn)組成的，設(shè)備出場(chǎng)時(shí)夭坪，屏幕有多
少個(gè)像素點(diǎn)構(gòu)成是一定的
邏輯像素：(邏輯像素 css像素)：px文判，它是我們前端開發(fā)使用的一個(gè)單位
手機(jī)屏幕分為1倍屏，2倍屏室梅，3倍屏
1倍屏：1px的css像素戏仓，對(duì)應(yīng)1個(gè)物理像素點(diǎn)
2倍屏：1px的css像素，對(duì)應(yīng)2個(gè)物理像素點(diǎn)
? ? ? ? ? ? ? ? ? ? ? ? ? 移動(dòng)端適配方案(rem+@media)
1.假設(shè)設(shè)計(jì)稿尺寸為 375px,我們將屏幕尺寸分為若干份亡鼠，比如10份赏殃，
12份，15份间涵，20份等仁热。然后設(shè)置html的font-size,比如375px,評(píng)分15份，一份為25px,即html(font-
size:25px)
2. 假設(shè)設(shè)計(jì)稿尺寸為：375px,將設(shè)計(jì)稿中元素的尺寸轉(zhuǎn)換為rem勾哩。雖然其他尺寸下元素的rem沒(méi)有
?變化抗蠢，但是html的font-size是根據(jù)媒體查詢?cè)趧?dòng)態(tài)變化的，所以最終計(jì)算出來(lái)元素的尺寸也是動(dòng)態(tài)
變化的思劳。
px 換算 rem ：安裝插件 px to rem & rpx(cssrem)
設(shè)置基準(zhǔn)為font-size:375px/15等份
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?視口
name="viewport" :表示視口標(biāo)簽
width=device-width：布局寬度 = 設(shè)備寬度
initial-scale=1.0：初始縮放比例迅矛，頁(yè)面一打開按照原本的大小展示
maximum-scale = 1.0:最大縮放比
minimum-scale=1.0:最小縮放比
meta視口標(biāo)簽的主要作用：讓布局視口的寬度和設(shè)備寬度保持一致，形成理想視口潜叛，
簡(jiǎn)單就是設(shè)備有多寬秽褒，布局視口就有多寬
