postcss-px-to-viewport插件页面无法缩放的问题

奋进的技术人

于 2024-07-18 00:03:11 发布

阅读量677

点赞数 3

文章标签： postcss 前端 javascript px-to-rem px-to-vw vue

本文链接：https://blog.youkuaiyun.com/qq_38229938/article/details/140508607

版权

最近在项目中使用postcss-px-to-viewport插件做页面的时候发现了一个bug，虽然插件会把px转成视口单位vw实现页面的适应，但是因为同一设备下视口宽度是固定的，所以页面放大缩小不会改变元素的大小。可以将postcss-px-to-viewport设置为将px转成rem单位实现页面适配，同时也不影响页面的放大缩小。

postcss: {
   
        plugins: {
   
            'postcss-px-to-viewport': {
   
                viewportWidth: 1920

最低0.47元/天解锁文章