当前位置: 首页 > 网络应用技术

VUE移动终端 / PC侧适应解决方案:Postcss-px-to-viewPort

时间:2023-03-05 19:21:07 网络应用技术

  本文在移动侧 / PC侧介绍了一个非常好的适应解决方案:PostCSS-PX-to-to-访问[访问官方网站]

  在此之前,“通用”以解决适应性问题,将为html root节点设置字体大小为根字体计算单位值,这适用于多个结局问题。开发人员需要实时交换单位,并且他们还需要准确至六个或七个小数点。解决方案似乎是现在最简单,最有效的解决方案。

  1.开发环境NPM安装插头-in

  2.项目根目录添加配置文件

  3.添加配置

  1.缓解项目以触发配置文件生效。

  2.检测:我们将PX用作单元

  1.在配置之前,DOM宽度高度不会随屏幕尺寸而变化。

  2.在配置有效后,原始代码中的PX在编译阶段自动转换为大众视口单元,并将DOM元素和大小放大。