首页 > 代码库 > 网页元素--字体相对单位
网页元素--字体相对单位
rem 相对html的font-size单位,在使用rem前要先设置根元素的单位:/*根元素*/html { font-size: 16px }/*使用时*/p { font-size: 2rem } //32pxem 相对当前对象文本单位尺寸,如果当前对象没有设置默认文本尺寸,则相对于浏览器默认字体尺寸/*当前对象尺寸*/body { font-size: 16px }/*使用时*/p { font-size: 2em } //32pxvw / vh && vmax / vmin 相对于当前窗口的宽度 / 高度 && 最大值 / 最小值,查询当前窗口的宽度的命令为:screen.width / height如果当前窗口的宽度为2400,那么使用vw后元素的尺寸为:2400 * 5vw / 100 = 120/*当前窗口尺寸*/在浏览器的console中查询:screen.width/*使用时*/p { font-size : 5vw; } //120pxex 相对于字符 “ x ”的高度,通常字体为高度的一半。如果当前行内文字的大小没有设置,就相对于默认浏览器的字体的高度/*当前字体的大小*/h1 { font-size: 16px; }/*使用时*/.x { height: 1ex; } //8px
网页元素--字体相对单位
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。