const ua$1 = navigator.userAgent.toLowerCase();
const isMobile = (/ios|iphone|ipod|ipad|android/).test(ua$1);
export const flexible = (dm, maxWidth, minWidth) => {
const domEl = window.document.documentElement;
let timer = null;
let refresh = null;
const refreshMobile = () => {
let width = window.innerWidth;
if (width >= maxWidth) {
width = maxWidth;
}
if (width <= minWidth) {
width = minWidth;
}
const rem = width / (dm ? dm : 3.75);
domEl.style.fontSize = ''.concat(rem, 'px');
};
const refreshPC = () => {
let width = window.innerWidth;
if (width >= maxWidth) {
width = maxWidth;
}
if (width <= minWidth) {
width = minWidth;
}
const rem = width / (dm ? dm : 19.2);
domEl.style.fontSize = ''.concat(rem, 'px');
};
if (isMobile) {
refresh = refreshMobile;
} else {
refresh = refreshPC;
}
refresh();
window.addEventListener('resize', () => {
timer && clearTimeout(timer);
timer = setTimeout(refresh, 400);
});
window.addEventListener('pageshow', () => {
refresh();
});
};
export default flexible;
使用 1920最大 1200 最小 比如100px 等于1rem
所以你在写的时候 120px 会被翻译成1.2rem
这个要配合postrem 使用 注意这三个版本
这个是用来转换样式表中的css 可以设置不转换的规范 。
比如下面这个就是修改了vant的