elementui px转rem
时间: 2024-04-15 17:20:44 浏览: 248
一款px转换rem工具
5星 · 资源好评率100%
为了适配不同尺寸的屏幕,需要用到rem单位来跟随html下的fontsize尺寸变化,而elementUI组件使用了px单位。因此,需要将elementUI组件里的px单位全部转为rem,这样一来,就可以让组件使用rem单位来布局,而通过改变html下的fontsize尺寸,来让屏幕缩放。为了实现px转rem,可以封装一个pxAndRemInterturn函数。这个函数可以将px转为rem,也可以将rem转为px。这样就可以在使用elementUI组件时,根据屏幕的大小进行自适应。另外,如果需要替换elementUI的样式表,可以按照以下步骤进行操作:找到/node_modules/element-ui/lib/theme-chalk/index.css这个文件,复制index.css里面的所有代码,然后创建一个新的html文件,并填充到给一个style标签,执行上面的代码,将得到的新CSS样式表替换/node_modules/element-ui/lib/theme-chalk/index.css的内容。
阅读全文