現(xiàn)在有一個(gè)web網(wǎng)頁(yè)，要做適配移動(dòng)端，請(qǐng)教一下思路

大體上來說，適配移動(dòng)端并不復(fù)雜，基礎(chǔ)思路就三條：

1. 通過 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 告訴瀏覽器你的網(wǎng)頁(yè)在移動(dòng)設(shè)備上如何渲染
2. 使用流式布局，不強(qiáng)制指定元素的寬高，使得它更容易在不同分辨率下渲染
3. 使用媒體查詢 @media 來適配不同分辨率

建議你這么做：

1. 使用一些響應(yīng)式的框架降低開發(fā)成本，比如 Bootstrap
2. 通過觀摩響應(yīng)式網(wǎng)頁(yè)在不同端的表現(xiàn)學(xué)習(xí)做法，參考 Bootstrap theme
3. rem 也好，vw 也好，其實(shí)是最細(xì)枝末節(jié)的小技巧，大概看一眼就行。（實(shí)際上，我反對(duì) rem，我覺得就應(yīng)該 @media + px）

如果你要寫兩套css，可以通過user-agent判斷當(dāng)前的設(shè)備，分別加載不同頁(yè)面或者css文件
不過方便的話，還是通過CSS @media 這樣的特性來處理響應(yīng)式布局。