css3 vw/vh rem em

作者: 月半女那 | 来源:发表于2019-05-12 17:50 被阅读0次

vw:1vw等于视口宽度的1%
vh:1vh等于视口高度的1%
vh和vw是相对于适口的高度和宽度，而不是相对于父元素的

201829153757243.jpg

视口单位区别于%单位，适口单位依赖于说是口的尺寸，根据适口尺寸的百分比来定义，而%单位则是依赖于元素的父元素

rem = document.documentElement.clientWidth * dpr /10
dpr= window.devicePixelRatio || 1;
px2rem = function(v){
return v/rem
}

CSS使用img做背景并且内容等比缩放
相关资料：css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况CSS 背景CSS...
css常用单位总结: px / em / rem / vw /
1. css 的单位: px / em / rem / vw / vh / vmax / vmin (7个) 1....
css3 vw/vh rem em
1. vw/vh vw:1vw等于视口宽度的1%vh:1vh等于视口高度的1%vh和vw是相对于适口的高度和宽度，...
常见单位梳理
单位（px/em/rem、vw/vh/vmin/vmax） px px像素（Pixel）。相对长度单位。像素px是...
rem、rm、px、vw之间的相互转换
一、vw px rem em到底是什么1.vw/vh:就是相对视口宽度或者高度,100vw 等于整个屏幕宽度 10...
关于移动端兼容适配问题 2018-09-17
移动端可用兼容适配：vw+vh,em,dpi,rem 使用rem: 之前采用的是媒体查询，但是当屏幕发生旋转时...
css中vh和vw的单位
在css中有em，rem，vh，vw等单位，这些单位具体的意思如下： em是一个相对单位，em相对所指的是相对于元...
CSS-px、em、rem
绝对单位：px in cm mm相对单位：em rem pt pc ex ch百分比单位：vw vh vm % 有...
CSS新增单位
CSS3 新增的单位：**vh、vw、vmin、vmax** * vw 和 vh 1、1vw 等于1/100的...
前端面试题之CSS(二)
1. em、rem、vh、vw 分别如何计算尺寸的？ em 1em = 默认字体大小的倍数(比如不设置时是字体是2...