wsui-vw-rem
Rem solution based on vw and media query.
installation
npm i @jswork/wsui-vw-rem
usage
@import '~@jswork/wsui-vw-rem';
// based: 750px
// 13.33vw = 100px
// based: 375px
// 13.33vw = 50px
// you can customize options:
$wsui-vw-rem-screen-width: 375px !default;
$wsui-vw-rem-base-font-size: 10px !default;
$wsui-vw-rem-media-list: ( 320, 360, 375, 393, 414, 480, 540, 640, 720, 768 ) !default;
// OR (presets for tailwindcss)
$wsui-vw-rem-screen-width: 375px !default;
$wsui-vw-rem-base-font-size: 16px !default;
resources
- https://3g.163.com/touch/#/
- https://blog.csdn.net/chi1130/article/details/82844489
- https://blog.csdn.net/lishihong108/article/details/52290021
license
Code released under the MIT license.