首页 > 其他分享 >postcss px转不转rem呢?

postcss px转不转rem呢?

时间:2023-08-18 16:45:31浏览次数:29  
标签:no 不转 px 转不转 rem postcss css

1、用postcss时,有时候你的px不转rem;你希望他转;
如: elementui的labelWidth配置了数值但是不转
原因:行内元素都不转
解决方法:放到vue的style元素中就行啦

2、有的你不希望他转
解决方法:
方法1:px单位改为大写 PX
方法2:这行css后注释上 /* no */
why? 我看了下postcss的源码;大体就是先把这个css字符串转为css的AST【css.parse】;然后根据AST条件来选择性转换为rem;
看下这个转换函数,拿到astrule;循环每行css rule;先看你有没有小写px;不符合就不转;在看你有没有注释 no,有就containe不转

标签:no,不转,px,转不转,rem,postcss,css
From: https://www.cnblogs.com/MrZhous/p/17640930.html

相关文章

  • postcss px转vw
    为什么要使用Postcss(px-to-viewport)在移动端开发中,我们通常采用rem或者vw&vh这两种方式来适配不同设备的屏幕大小。rem的缺点是需要进行频繁的计算和换算,而vw&vh的缺点则是部分设备支持不尽如人意。而使用Postcss(px-to-viewport)可以自动将px转换为vw或者vh,省去了繁琐的转换计......
  • PXE操作过程 kickstart 无人值守安装
    PXE操作过程分配给同一局域网内新加机器的地址(配置文件)dhcp分配地址指明tftp服务器的地址tftp服务端开启udp配置默认关闭安装syslinux取得pxelinux.0文件安装vsftpd服务挂载软件安装源(mount/dev/sr0/var/ftp/centos7)将四大文件拷入(/var/lib/tftpboot......
  • CentOS系统上部署PXE服务器步骤
    安装Apache首先,需要安装Apache服务器。可以使用以下命令安装:yuminstallhttpd配置Apache接下来,需要配置Apache服务器,使其能够正确响应PXE请求。在httpd.conf文件中,找到以下行:<Directory"/var/www/html">将该行的AllowOverride选项设置为All,以便能够使用.htaccess文件进行配置。然......
  • npm npx nvm nrm 你分的清吗
    npm是什么?npx是什么?nvm又是什么?nrm又是什么?你分的清吗npmnpm的全称是NodePackageManager是JavaScript世界的包管理工具,并且是Node.js平台的默认包管理工具。通过npm可以安装、共享、分发代码,管理项目依赖关系。常用命令npminstall安装模块npmuninstall卸载模......
  • 6PXY1ZZ2v
    有一种流传已久的说法,那就是我们只使用了大脑的10%。这个陈述对我产生了深深的影响,使我想要深入探究它的真实性。作为一名对神经科学充满热情的研究者,我决定深入研究这个问题。解开大脑的神秘面纱在开始探索前,我想要先纠正一个误解。实际上,我们在任何时候都在使用大脑的全部区域......
  • PXE
    一.什么是pxePXE的全称是prebootexecuteenvironment它其实是Intel在很久以前提出来的一项用于通过网络来引导系统的标准。允许客户机通过网络从远程服务器上下载引导镜像,并加载安装文件或者整个操作系统。pxe是通过网卡引导启动1.1实现的硬件条件1.BIOS支持2.网卡支持(现......
  • Linux中PXE高效批量网络装机和无人值守安装
    1、PXE1.1什么是PXEPXE是由lntel公司开发的网络引导技术,工作在CIient/Server模式,允许客户机通过网络从远程服务器下载引导镜像,并加载安装文件或者整个操作系统。PXE严格来说并不是一种安装方式,而是一种引导的方式。进行PXE安装的必要条性是要安装的计算机中包含个PXE......
  • Linux之pxe
    二、操作[root@localhost~]#systemctlstopfirewalld[root@localhost~]#setenforce0[root@localhost~]#yuminstalldhcp-y[root@localhost~]#cp/usr/share/doc/dhcp-4.2.5/dhcpd.conf.example/etc/dhcp/dhcpd.confcp:是否覆盖"/etc/dhcp/dhcpd.conf"?y......
  • PXE批量网络装机
    PXE高效批量网络装机系统装机的三种引导方式1.硬盘2.光驱(u盘)3.网络启动pxe系统安装过程加载bootloaderBootLoader是在操作系统内核运行之前运行的一段小程序。通过这段小程序,我们可以初始化硬件设备、建立内存空间的映射图,从而将系统的软硬件环境带到一个合适的......
  • 在vite中使用postcss
    postcss是什么?1,增强代码的可读性利用从CanIUse网站获取的数据为CSS规则添加特定厂商的前缀。Autoprefixer自动获取浏览器的流行度和能够支持的属性,并根据这些数据帮你自动为CSS规则添加前缀。2,将未来的CSS特性带到今天PostCSSPresetEnv帮你将最新的CSS语法转......