前言 　　　　首先你要知道 vw 和 rem 是什么？怎么使用？ 　　　　①：简单来说 vw 是视口单位，相当于把视口等分成了100，1vw = 1; 　　　　②：rem是相对单位，设置根元素 html 的 font-size，比如给 html 设置字体大小为100px，1rem ...

为100vh（左侧为竖屏情况，右侧为横屏情况） 例如，在桌面端浏览器视口尺寸为650px，那么 1vw ...

rem和vw布局主要都是为了更好地适配移动端，毕竟手机的型号太多了。 在进行移动端设计的时候，首先要引入一个meta标签。（禁止用户缩放） 我们在刚开始接触移动端的时候，可能都会遇到这种情况： PS中量取像素和web中手机预览的大小不太一样，似乎感觉web预览效果上要比UI ...

css单位有3种： px：绝对单位 em：相对父元素的单位 rem：相对根元素（页面的html）的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem： 什么是rem？ rem就是指相对根元素（页面html）的单位。 例如：html设置了font-size ...

什么是rem单位？ rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（html元素）的font-size。默认情况下，html元素的font-size为16px， rem单位都是相对于根元素html的font-size ...

1、前言 （1）vw/vh介绍 在使用之前，我们先简单了解一下什么是vw和rem以及它们的作用，vw是css3出现的一个新单位，它是“view width”缩写，定义为把当前屏幕分成一百份，1vw即为屏幕的1%，与之对应的是vh，把高分成一百份，1vh即为屏幕高的1%，一般我们常用的vw ...

基本概念 1、单位 Px(CSS pixels) 像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的 其实是相对 ...

手机端原来的时候，在项目中使用js判断出html的字体，然后根据rem设置字体，但是js本着少用的原则，考虑用vw，vh等（顺带说一句，vw vh是网页可视区域宽度 高度 即浏览器宽度减去约16px） 以750px的收集设计稿，采用36px的基础单位 html{ font-size: calc ...