常用的PC端网站适配方案是什么？最常用的大概就是父元素根据设计图的宽度固定宽度，margin:0auto居中，两边留空。但是，有些设计图并不适合这种两边都有空格的适配方案。最近接手了一个PC端的项目。px转换方式虽然是根据常用的网格布局+postcss-pxtorem插件适配页面，无论是PC端打开还是移动端打开页面都可以适配，但是高清的Pages分辨率，比如5k高清，排版还是有点乱。这是因为px转rem依赖的根目录的字体大小没有调整好，所以参考了百度搜索了很多解决方案，重新调整了适配方案，但是布局会乱移动端打开时，因为px的计算是根据PC端的宽高计算的。1、删除删除这个标签。移动端打开后，整体布局不会凌乱，但子元素的间距、宽高还是会和设计有差异。2、下载依赖：npminstall--save-devpostcss-pxtorem在vue.config.js中引入依赖：constpxtorem=require("postcss-pxtorem");//px转为rem插件constautoprefixer=require("autoprefixer");//浏览器前缀处理工具modules.exports={css:{loaderOptions:{postcss:{plugins:[pxtorem({rootValue:100,propList:["*"]}),autoprefixer()]}}}}3.我在src/assets/js目录下新建pc.js文件，并在main.js中导入这个文件//pc.js//设计图为1366*798functionpagePc(){让rootValue=100;让pc=rootValue/1366;//表示1366的设计图，使用默认值100pxletwidth=window.innerWidth;//当前窗口的宽度letheight=window.innerHeight;//当前窗口的高度letrem="";让当前高度=(宽度*798)/1366;if(height
