首页 > 移动平台 > 详细

移动WEB开发之rem适配布局

时间:2021-02-06 23:52:33      阅读:32      评论:0      收藏:0      [点我收藏+]

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语法规范

移动WEB开发之rem适配布局

原文:https://www.cnblogs.com/counter/p/14383069.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!