如今移動端對 vw/vh 的尺寸單位基本兼容，對代碼有潔癖的開發者們不想用js去計算rem的值了。
網上有許多有關在 sass 中 px轉rem的文章了，今天小編帶來一個簡單實用的 px轉vw的方法
sass方法源碼
/*
750：設計稿寬度
$px：元素在設計稿上的寬度
*/
@function px2vw($px) {
@return $px/750*100vw;
}
使用方式
由上圖所示，750px的設計稿上有一個375px的元素，通過計算，就是50vw的值啦。這與使用rem和rpx這類單位是一樣的。
小編不建議對設計稿上小於5px的元素動態計算，意義不大。特別是1px的線，不能通過該方法計算，因爲計算後的結果是小於 1px，在理論上這不是一個合理的值，有些開發者也會寫1rpx，這其實也是不對的。
若你仍然喜歡用rem，小編給你rem全套服務，點擊下方連接獲取：
rem兼容：https://mydarling.gitee.io/resource/author/mobileAdapt.html
作者：黃河愛浪 QQ：1846492969，郵箱：[email protected]
公衆號：
web-7258，本文原創，著作權歸作者所有，轉載請註明原鏈接及出處。更多精彩文章，請掃下方二維碼關注我的公衆號
