rem js计算方案改成css计算

对比

• @yy/ho-flexible

  • 触发多次回流

    

    

    getComputedStyle.width （1rem）
    style.fontSize

  • 监听resize，pageshow事件变化重置大小会出现抖动

• calc

  • 无回流事件

  • css计算变化无抖动现象

  • calc 兼容 Android WebView 37及以上， Android 5.0 的初始版本提供了一版基于 Chromium M37 版本的 Chromium for WebView
    vw单位兼容Android 4.4

  • 无需引入Js，减轻离线包大小（压缩后1kb）

demo 链接

• 使用 @yy/ho-flexible
  https://test.ihago.net/a/live-pk-rank-2022/index.html

• 使用 calc
  https://test-next-1.ihago.net/a/live-pk-rank-2022/index.html

参考链接🔗
基于vw等viewport视区单位配合rem响应式排版和布局