标签:em 元素 字体大小 常见 数值 rem 长度 浏览器 200px
常见数值单位:
①px (pixel) 像素px是相对于显示器分辨率
②em: 相当于当前对象内的font-size,如未设置,则相当于浏览器的默认字体尺寸
em的值并不是固定的,它会继承父级元素的字体大小。
③rem: 相当于根元素(html)的字体大小的单位,根据htm l设定的font-size来换算
④vh(viewport height): 相当于视图窗口的高度和宽度
假设浏览器高度为200px,那么1vh等于2px (200px/100)
⑤vw(viewport width): 相当于视图窗口的高度和宽度
假设浏览器宽度为200px,那么1vw等于2px (200px/100)
⑥rpx(responsive pixel): 是微信对于rem的一种应用判定,可根据屏幕宽度进行自适应,每种手机型号对应不一样的标准判定
Tips:
- em和rem区别:
rem是相对于根元素的字体大小,em是相对于其父元素的字体大小
- 相对于父元素
对于普通定位元素即是我们理解的父元素
对于position:absolute的元素即为已定位的父元素
对于position:fixed的元素即为相对于viewport,根据浏览器窗口来决定字体大小
标签:em,元素,字体大小,常见,数值,rem,长度,浏览器,200px 来源: https://www.cnblogs.com/easonkkkk/p/16371892.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。