自适应屏幕宽度

自适应屏幕宽度,第1张

设置rem
function setRem() {
    var whdef = 12 / 1920; // 默认窗口为1920
    var bodyWidth = document.body.clientWidth; // 当前窗口的宽度
    var rem = bodyWidth * whdef > 12 ? bodyWidth * whdef : 12; // 获取相应宽度下rem值,最小为12px
    document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
}
window.addEventListener('load', setRem);
window.addEventListener('resize', setRem);
echarts组件this.fontSize()的补充
Vue.prototype.fontSize = function fontSize(res) {
    clientWidth =
        window.innerWidth ||
        document.documentElement.clientWidth ||
        document.body.clientWidth;
    if (!clientWidth) return;
    let fontSize = clientWidth / 1920;
    return res * fontSize;
};

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1297362.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存