2024-04-13在vue项目中使用postcss-px2rem插件把px转变为rem，并配合给html根元素设置fontsize，来实现页面的自适应效果_px2rem插件

https://www.qianduange.cn//article/4832.html 分类：前端知识

2024-03-17主要是用于修改很多vue常用的组件库（element, vant, AntDesigin），虽然配好了样式但是还是需要更改其他的样式就需要用到样式穿透。原因就是Scoped 搞的鬼 他在进行postcss转化的时候把元素选择器默认放在了最后。上面提到第三条的规则 因为当前组件标签是没有这个属性标签的，所以无法修改样式。渲染出来的内容，因为它们被认为是父组件所持有并传递进来的。使用场景：在使用插槽组件的时候写样式，默认不会影响。转译实现的），达到样式私有化模块化的目的。对于使用了自定义注入名称的。_vue3 css

https://www.qianduange.cn//article/3872.html 分类：前端知识

2024-03-15安装依赖之后，将postcss-pxtorem的配置都放到了vue.config.js中。下面提供了一份基本的 postcss 示例配置，可以在此配置的基础上根据项目需求进行修改。postcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。（String, Regexp, Function）要忽略并保留为px的文件路径。忽略单个属性的最简单方法是在像素单位声明中使用大写字母，将px写为Px。（Array）可以从px更改为rem的属性。（Array）要忽略的选择器，保留为px。_postcss-pxtorem

https://www.qianduange.cn//article/3767.html 分类：前端知识

2024-03-10postcss-px-to-viewport是一个 postcss 插件，用于将 CSS 中的 px 单位转换为 vw 或 vh 单位。它可以帮助我们实现在不同屏幕尺寸下的自适应布局，以提高页面的响应性和可用性。_postcss-px-to-viewport

https://www.qianduange.cn//article/3499.html 分类：前端知识

2024-03-08vue项目启动报错_syntax error: error: postcss received undefined instead of css string

https://www.qianduange.cn//article/3423.html 分类：前端知识

2024-02-16在今天这篇文章中，我并不会在这里讲一些移动端视口的概念，包括物理像素和逻辑像素，理想视口，dpr等等等等，我只介绍这样一种非常不错的移动端适配方案：post-css-to-viewport，如果我说这种方案能解决98%以上的移动端布局痛点，我想整个掘金，应该没有人会反驳。_vant postcss-px-to-viewport

https://www.qianduange.cn//article/2127.html 分类：前端知识

2024-02-08项目对应的webpack以谷歌为例，F12 打开“开发者工具”，页面会出现如上分辨率选择最下一行的 “修改…”打开“修改…”对话框，添加自定义设备… ，注意选择Desktop，最后保存就能切换了。_amfe-flexible

https://www.qianduange.cn//article/1490.html 分类：前端知识

2024-02-02发现vite对于postcss有两种不同的配置方式：1.内联配置 2.开发者使用postcss-load-config插件推荐的配置方法（vite内置了postcss-load-config插件）具体怎么配置可以看插件官网。首先去vite官网逛逛，因为autoprefixer属于postcss类，所以在官网的配置共享配置中找到关于css.postcss配置项。这里autoprefixer就采取默认配置了不单独配置了没啥用，具体配置去autoprefixer文档里看。最后测试成功自动加了前缀。_vite autoprefixer

https://www.qianduange.cn//article/1074.html 分类：前端知识

2024-02-01做移动端的适配我们就是要考虑，对于不同大小的手机屏幕，怎么动态改变页面布局中所有盒子的宽度高度、字体大小等。这个问题我们可以使用相对单位rem。那么什么是 rem？rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。设置html的 font-size 属性，rem 是根据它的大小来动态变化整个项目中使用 rem 单位的元素大小。_postcss-pxtorem的rootvalue根据设计稿宽度除以10进行设置

https://www.qianduange.cn//article/983.html 分类：前端知识

2024-01-31出现该错误是你可能没认真看官网的安装配置，可直接看该目录3，一个字一个字看先安装如果选择v1版本，建议使用npm下载，下面以v1版本为例，使用的是npm下载，导入uview时该文件也在node_modules文件夹里面，未移动。然后就是配置。_module build failed (from ./node_modules/postcss-loader/src/index.js):

https://www.qianduange.cn//article/885.html 分类：前端知识