移动WEB开发之rem适配布局

1.rem基础

rem 为单位
rem(root em)是一个相对单位,类似于em,em是父元素字体大小。
不同的是rem的基础是相对于html元素的字体大小
比如,根元素(html)设置font-size=12px;非根元素设置width:2rem;则换成px就是24px;

2.媒体查询

2.1什么是媒体查询

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

  • 使用@media查询,可以针对不同的媒体类型定义不同的样式
  • @media可以针对不同的屏幕尺寸设置不同的样式
  • 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面
  • 目前针对很多苹果手机、Android手机,平板等设备都用得到多媒体查询

2.2语法规范

上一篇:vue 分页 pagination


下一篇:b 和 strong(i 和 em)标签的区别?