postcss-px-to-viewport配置问题

Question

vue中用postcss-px-to-viewport做适配。配置如下

postcss: {                plugins: [                    autoprefixer(),                    pxtovw({
                        viewportWidth: 750, 
                        viewportHeight: 1334,  
                        unitPrecision: 3, 
                        viewportUnit: 'vw', 
                        selectorBlackList: ['.ignore', '.hairlines'], 
                        minPixelValue: 1, 
                        mediaQuery: false 
                    })
                ]
            }

但是我发现，iphone6/7/8出来的效果，正好是预想的一半。

 .scroll-wrapper{      height: 500px;      border: 1px solid rgba(0, 0, 0, 0.1);
    }

是我的配置哪里不对吗，还是网上的是错的。

Answer 1

试下 unitPrecision: 2

Answer 2

把 viewportWidth, viewportHeight 都缩下一半