pc端适配各种分辨率,pc端如何解决适配问题

pc端适配各种分辨率,pc端如何解决适配问题

22寸的显示器使用16:10的比例最佳分辨率是1680x1050,有少数22寸的显示器使用了16:9的1920x1080分辨率，22寸的显示器极少数使用1920x1200分辨率；19寸显示器最佳分辨率一般就是1400x900一.根据不同的分辨率，加载不同的CSS样式文件这个方法的思路是，分别针对800、1280、1440、1600、1920等分辨率，创建不同的css文件。然后在各种分辨率下，写css样式表。可能你

╯＾╰ 最近在写一个PC端的活动页面，即将完工的时候，增加了个需求，想让页面适配不同的分辨率，既然提出了这样的需求，那么我们就要去尽量满足。之前一直写的是固pc端一般是不需要适配的，因为现在的显示器分辨率一般都是1920*1080(设计图也是),一般不用管。但是有一种情况你的设计图是1920*1080,开发完了。发现别人设备因为某些原因不是这个分辨率，就要适配

（°ο°） 最后重启项目，即可生效！! !!!一定要注意的是style上的样式px是无法直接用工具转换的可以自己写一个方法去转换@functionconversion($num){//换算rem适配pc960px / 980px / 1190px / 1210px 等。那么为什么会出现这几个宽度，而不是我们想象中显示器分辨率

pc端不同分辨率适配1、以1920* 1080的设计稿为例，实现PC端不同分辨率适配2、安装依赖npm install --save lib-flexible 或者yarn add lib-flexible -save npm instalvue项目适配pc端的各种屏幕分辨率在pc项目开发的时候，要适用PC端的各种屏幕分辨率1.先安装插件npm install px2rem-loader npm install lib-flexible 1 2 2.在build文件下

PC端兼容各种分辨率的简便方法小程序、前端交流群：609690978 PS:此方法需使用到less或者scss的@变量来支持以设计图1920 宽度为例：css中存在一种叫vw的单位，是针对浏览器宽度为基础的百分比单在vue-cli 生成的webpack 配置中，vue-loader 的options 和其他样式文件loader 最终是都是由build/utils.js 里的一个方法生成的。我们只需在cssLoader 后再加上一个px2remLoader 即可，px2rem