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
已经想到解决此问题的办法。

Answer 2

pc和移动端的适配是一个很大的工程，你想一个参数适配就有点想多了。有些程序确实看起来一个参数就搞定了，那是开发人员写了很多代码之后做了功能封装。