标签：em 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语法规范

标签：em,WEB,字体大小,媒体,适配,元素,查询,rem
来源： https://www.cnblogs.com/counter/p/14383069.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。