css - 既然移動端viewport可以設置寬度，為什么還要用rem方案？

問題描述

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

問題解答

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

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

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

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

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