原链接
https://waliblog.com/css/2018/03/19/compatible.html
配置
1.首先确定好设计稿的宽度（例如：1920px)
2.css样式设置
html:{ font-size:19.20}/*默认以设计稿为基准*///////////////////////(1920/100=19.20)
@media only screen and (max-width:1366px) { /*当屏幕分辨率变为1366时*/
html{
font-size:13.66px;
}
}
3.打开网址 http://pxtorem.com/ ，将设计稿上的宽高转化为rem
比如：300px，经过转化后，会变成 15.625rem ,记得设置好根元素的font-size的值 比如19.20
4.差不多结束了。。。
简单事情简单做-宽度自适应 所谓宽度自适应严格来说是一种PC端的自适应布局方式在移动端的延伸。在处理PC端的前端界...
自适应问题 PC端随屏幕分辨率与窗口大小自适应 参考文献 vue项目PC端随屏幕分辨率与窗口大小自适应[https...
原链接 https://waliblog.com/css/2018/03/19/compatible.html 配...
1920设计稿 app.vue 浏览器查看效果 1、使用F12打开控制台，切换到移动端浏览方式2、在机型切换选项里...
npm install lib-flexble --savenpm i --save postcss-plugin...
1.有些时候我们会发现pc端网页在webview显示时候，页面超出屏幕，使用下面设置可以自适应pc网页
图片大小自适应、pc端、手机端图片适应手机端 要控制的是装图片的容器宽度 img{display: block;...
遇到项目需求变更，需要自适应4:3主流屏幕，于是采用了rem，和动态js计算根元素。 1.rem rem是指相对于...
一、安装命令 二、新建文件 引入文件 在项目根目录下新建文件 vue.config.js 文件内容
PC端谈到自适应不大，无非是屏大屏小。但是针对移动端，自适应比较复杂。两个问题：1、设计稿是否一份，代码是否一份？...
本文标题：pc端自适应
本文链接：https://www.haomeiwen.com/subject/wqrsfctx.html
网友评论