zoukankan      html  css  js  c++  java
  • vscode rem 自动转换

    1、VS code 安装插件, "cssrem",安装好以后,需要重启VS code。

    2、插件默认计算值为16,也就是以16px为计算单位,实际情况与默认值不同。需要进入首选项=》设置,搜索“cssrem”

     

     点击编辑图案,在右边编辑区域根据需求更改计算基准字体大小。

    3、根据页面大小自动更改根目录字体

    (function(doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 14 * (clientWidth / 375) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

    4、main.js引用

    import './utils/rem';
  • 相关阅读:
    第一次博客作业
    自我介绍
    第一次个人编程作业
    第一次博客作业
    第一次个人编程作业
    第一次博客作业
    Alpha冲刺
    Alpha冲刺 (2/10)
    Alpha 冲刺 (1/10)
    福大软工 · 第七次作业
  • 原文地址:https://www.cnblogs.com/niujie/p/12015622.html
Copyright © 2011-2022 走看看