侧边栏壁纸
  • 累计撰写 793 篇文章
  • 累计创建 1 个标签
  • 累计收到 1 条评论
标签搜索

目 录CONTENT

文章目录

单位

Dettan
2021-04-10 / 0 评论 / 0 点赞 / 184 阅读 / 263 字
温馨提示:
本文最后更新于 2022-07-23,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
/ 前端 / CSS / 单位
inches centimeters millimeters ... point picas pixels
英尺 厘米 毫米 1/4毫米 点 派卡 像素
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px


font-size : calc(0.5em+1vw)

容器单位
v
❑ vh:视口高度的1/100。
❑ vw:视口宽度的1/100。
❑ vmin:视口宽、高中较小的一方的1/100(IE9中叫vm,而不是vmin)。
❑ vmax:视口宽、高中较大的一方的1/100(本书写作时IE和Edge均不支持vmax)

直接一个数字,没有单位.

后两个属性是手机横竖屏的时候有用.
ch
字符,4ch就是正好能装下4个字符的长度

字体单位
em
会根据字体大小即时变化
相对单位, padding:1em 就是1倍于当前字体大小
font-size:1.5px 就是 1.5倍于继承的字体大小(浏览器默认字体大小是16px

rem
跟em挺像, 是 root em 相对dom根元素的.
没有em的循环变大变小问题.




0

评论区