問題描述

既然移動端viewport可以設(shè)置寬度，為什么還要用rem方案？比如大部分移動端UI設(shè)計(jì)稿都是640px的寬度，那么我直接設(shè)置<meta content='width=640, user-scalable=no' name='viewport'>不就可以了嗎？就是我強(qiáng)制的讓屏幕全屏顯示640寬度的頁面。也不需要rem單位換算了，直接按照UI圖上的像素值設(shè)置CSS樣式就可以了？不是嗎？

問題解答

實(shí)際情況確不得不管大于640或者小于640的吧，所以就得設(shè)置一個基礎(chǔ)字體大小，然后再根據(jù)不同需求設(shè)置具體rem大小的字體

手機(jī)屏幕大小各種不一樣，所以需要用比例型單位供參考http://www.jianshu.com/p/b00c...

我覺得可以看下這個文檔里的描述：Viewport_meta_tag

對于設(shè)置了初始或最大縮放的頁面，width屬性實(shí)際上變成了最小視口寬度。比如，如果你的布局需要至少500像素的寬度，那么你可以使用以下標(biāo)記。當(dāng)屏幕寬度大于500像素時，瀏覽器會擴(kuò)展視口（而不是放大頁面）來適應(yīng)屏幕

<meta name='viewport' content='width=500, initial-scale=1'>