使用vw定制rem自适应布局

2019-09-032130次阅读css模块

移动端使用rem布局需要通过JS设置不同屏幕宽高比的font-size,结合vw单位和calc()可脱离JS的控制。

  • 场景:rem页面布局(不兼容低版本移动端系统)
  • 兼容:vw、calc()
/* 基于UI width=750px DPR=2的页面 */
html {
    font-size: calc(100vw / 7.5);
}

 

上一篇: SQL学习之LEFT JOIN 关键字  下一篇: 使用text-align-last对齐两端文本  

使用vw定制rem自适应布局相关文章