移動端一行多列一般用
彈性布局flex
rem布局:font size of the root element
性能
網(wǎng)絡環(huán)境
流量問題
圖片的適配與壓縮
移動端開發(fā)的優(yōu)勢:就是兼容性更好
移動端開發(fā)的劣勢:目前來說,大多數(shù)移動Web應用使用的手勢相對比較簡單,主要還是單指手勢,目前設備類型特別多,移動端的適配比較難處理。
手機設備幾個基礎(chǔ)詞匯:
物理像素
就是手機的尺寸,手機屏幕的分辨率
設備獨立像素
與設備無關(guān)的邏輯像素(邏輯分辨率),虛擬的像素。
比如css像素。
設備像素比DRP
DRP=物理像素/設備獨立像素;
像素的密度PPI
表示每英寸所包含的像素數(shù)目,數(shù)值越高,說明屏幕能以更高密度顯示圖像。

PPI計算公式
viewport屬性
移動端的視口。指設備的屏幕上能用來顯示網(wǎng)頁的區(qū)域。
width
設置layout viewport的寬度,值為一個正整數(shù),或字符串“device-width”
width=device-width是指讓(布局窗口)等于當前設備的寬度
height
設置layout viewport的高度,這個很少用
initial-scale
設置頁面的初始縮放值,是一個數(shù)字可以帶小數(shù)
minimum-scale
設置頁面最小縮放值,值為一個數(shù)字,可以是小數(shù)
maximum-scale
設置頁面最大縮放值,值為一個數(shù)字,可以是小數(shù)
user-scalable
是否允許用戶進行縮放,值為"no"或"yes"