css-compatible-loader

时间:2024-06-12 18:41:41
【文件属性】:

文件名称:css-compatible-loader

文件大小:3KB

文件格式:ZIP

更新时间:2024-06-12 18:41:41

JavaScript

css-compatible-loader webpack loader,用于css适配。 原理 借助rem,把css中的px根据设计稿尺寸,替换成rem,PX替换成px,绝对像素。 比如 设计稿尺寸宽度 1920px // css代码 .container{ width: 200px; height: 200px; border: 1PX solid #000; } // 经过loader转义的代码 .container{ width: 200/192rem; height: 200/192/rem; border: 1px solid #000; } 使用 { loader: 'css-compatible-loader', options: { scale: 1920 // 这里是设计稿尺寸宽度 } } 除此之外,还需要给html设置fon


【文件预览】:
css-compatible-loader-main
----yarn.lock(1KB)
----README.md(1KB)
----.gitignore(12B)
----index.js(431B)
----package.json(310B)

网友评论