首页 > 其他分享 >关于lib-flexible插件中的单位转换

关于lib-flexible插件中的单位转换

时间:2023-03-31 17:14:02浏览次数:37  
标签:插件 lib px rem flexible font

lib-flexible是淘宝项目组开发出来的一个小插件,属于开源项目。一般而言,lib-flexible并不独立出现,而是搭配px2rem-loader一起做适配方案,目的是自动将css中的px转换成rem。

lib-flexible:根元素html的font-size为此时屏幕宽度/10,也就有1rem=html的font-size大小。

1. 但是当分辨率(屏幕宽度)大于某个特定值(插件中默认540)时,它便不再生效。此时可修改lib-flexible插件的源码,将范围扩大。

2. 如果不希望让部分属性不转换成 rem,可以将 px 写成 Px或PX或pX。(需要注意:不要格式化文件,不然会恢复为px,最后还是会转化为rem)

 

标签:插件,lib,px,rem,flexible,font
From: https://www.cnblogs.com/will-ing/p/17276797.html

相关文章

  • eclispe freemarker ide 插件安装
    首先打开jbossTools的下载页面 http://www.jboss.org/tools/download/进入到此页面,看到图上的红色框吗?这里的链接是安装jbosstools http://download.jboss.org/jbosstools/updates/stable/juno/好了,打开eclipse  好了,你点OK后,左则就会提示一系列jbosstools的eclipse插......
  • vue3 - 在单独的项目制作自定义组件插件,支持vite【前提不要使用webpack专属语法】
    1.背景与vue2组件不一样,没有那么随意,如果想要支持vite,那么不要使用webpack专属语法,如defide和 require等2.解决在 package.json文件属性  main配置为插件入口文件位置,至于是js还是ts随意 目录  简单做了个组件  入口文件内容如下importComponentf......
  • 全文高能!提高工作效率的9个VS Code扩展插件
    1/PathIntellisense这个扩展会自动补全文件名。就像在HTML中使用标签一样,它会自动补全标签。2/LiveServer这个扩展允许你在浏览器上启动本地项目并进行实时重载,这样你就不必在每次更改后不停地刷新了。3/CodeGeeXCodeGeeX是一个使用AI技术的辅助编程工具,帮助开发人......
  • Ubuntu系统python3.9.0安装dlib库的经历
    1.直接condainstalldlib或者是pipinstalldlib库,结果失败。2.根据一些搜索的内容提示先安装dlib依赖的库,再installdlib结果:安装了cmake,再执行dlib安装命令依然失败3.直接去dlib官网下载,dlib代码库,根据其他博客的提示下,编译,执行setup.py安装。结果:表面上成功,在python......
  • Beautify Panel 2.0 一键Ai智能磨皮美白美妆人像精修神器PS插件
    Beautify是专为AdobePhotoshop设计的工具,旨在满足从业余到专业的所有摄影师的需求。Beautify由行业专家打造,只需点击几下,即可帮助您打造完美人像。它集中了各种技术,可帮助您加快、简化和提高工作质量。Beautify2.0介绍支持系统:Win/Mac支持软件:Photoshop插件大小:23.1M......
  • 7.clone plugin(克隆插件)01
    之前其实也已经看了一篇克隆插件的文章,但是那个主要是看别人微信发的,自己给保留在博客上,感觉写的不够仔细,今天我在这里再重复写一遍,以便自己理解和学习。1.什么是克隆插件?克隆插件可以看做一个功能,就是将本地或者远程的mysqlserver实例上的数据通过快照的形式将它克隆......
  • 2、判断dll或者lib是32位还是64位的
    1、x86和x86_64的区别x86和x86_64是两种不同的指令集架构,其主要区别在于处理器的位数和能够寻址的内存范围。x86架构是32位的处理器架构,可以寻址最大4GB的内存空间。x86处理器是从Intel8086处理器发展而来的,目前已经广泛应用于桌面、笔记本和服务器等计算机系统中。x86_64......
  • libvirt9源码编译rpm
    注1:libvirt8及以上需要meson版本不小于5.6,目前没发现合适的升级方法(libvirt编译时不识别pip安装的meson,尽管pip3安装的meson已经达到要求了)rpm-ivhrpm-ivhhttps://download.libvirt.org/libvirt-7.10.0-1.src.rpm启用powertools源yuminstalldnf-plugins-coreepel-r......
  • CNStack 网络插件:hybridnet 的设计与实现
    作者: 若禾CNStack是阿里云推出的一款开放的一站式企业级云原生技术中台。在异构的混合云基础设施上,对资源进行统一纳管和优化调度,以开放的、云原生的方式为平台及业务系统......
  • IDEA插件google-java-format代码格式化保存时自动格式化
    安装google-java-format启用google-java-format安装saveactions启用saveactions,保存时自动格式化,将没用的import语句删除自动优化导包如果用的是2022......