vite2 + vue3 构建的工程，在使用rem布局时怎么适配PC端呢？

Question

vite2 + vue3 构建的工程，在使用rem布局时有用到postcss-pxtorem和lib-flexible， 现在把网页显示在pc上时，页面被放大了很多，请问怎么适配PC端呢？

plugins: {
        autoprefixer: {
            overrideBrowserslist: [
                "Android 4.1",
                "iOS 7.1",
                "Chrome > 31",
                "ff > 31",
                "ie >= 11",
                "last 10 versions", // 所有主流浏览器最近10版本用
            ],
            grid: true,
        },
        "postcss-pxtorem": {
            rootValue: 37.5,
            propList: ["*"]
        },
    },

移动端没问题，只是在PC端访问时被放大很多。

我希望可以通过某个参数或者配置，适配移动端和PC端。

Answer 1

不用适配所有的PC尺寸，举个例子，能适配最大宽度为720px的尺寸就行，并不是说需要完美适配。

2022-11-28 13：57
已经想到解决此问题的办法。