移动web h5开发相关

单位相关…

1.rem：
rem 是根据html的字号进行计算的 比如html的字号是16px 那么1rem就等于161=16px 0.2rem=160.2=3.2px

2.em
em是相对于父元素的字体大小来计算的 比如父元素是16px 2em就相当于2*16=32px

3.vh
vh = 浏览器视图 20vh就等于当前视图百分之20的高度

4.vw
vw同理vh 20vw相当于当前视图的百分之二十的宽度

媒体查询 (Media Query)

媒体查询 (Media Query)是css3新语法

使用@media查询，可以针对不同的媒体类型定义不同的样式。 @media可以针对不同的屏幕尺寸设置不同的样式 当重置浏览器大小的过程中，页面也会根据浏览器的宽高重新渲染。

这行代码的意思是 当前屏幕的宽度小于800px的时候就会触发div的红背景
@media screen and (max-width:800px){
div{
background:red
}
}

引入多套样式：
@media screen and （min-width:540px）and（max-width:790px）{ body{ background:green } }