頁面設計採用REM 縮放方案的原理,其實跟 meta 方案非常接近。區別在於只不過是REM更加粗暴地根據頁面設計要面對的設備寬度來調整縮放。與meta 方案對比的是,REM縮放原理方案不是整個頁面進行縮放,而是頁面上所有的尺寸都是與根元素,也就是html的字體大小相關的。因此,設計師只需要我們只是根據不同設備來調整根元素字體大小,則是頁面上所有尺寸都能夠隨之變化。
- 效果上按照設計稿等比縮放;
- 場景上活動頁面及部分平臺頁面比較自適應;
- 開發起來比較方便,適應性突出。
頁面設計採用REM 縮放方案的原理,其實跟 meta 方案非常接近。區別在於只不過是REM更加粗暴地根據頁面設計要面對的設備寬度來調整縮放。與meta 方案對比的是,REM縮放原理方案不是整個頁面進行縮放,而是頁面上所有的尺寸都是與根元素,也就是html的字體大小相關的。因此,設計師只需要我們只是根據不同設備來調整根元素字體大小,則是頁面上所有尺寸都能夠隨之變化。