UNPKG

@tinyfe/parse-unit

Version:
32 lines 1.67 kB
/** * LINK_TO: https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Values_and_units#%E9%95%BF%E5%BA%A6 * 绝对长度单位 * * 以下都是绝对长度单位——它们与其他任何东西都没有关系,通常被认为总是相同的大小。 * 单位 名称 等价换算 * cm 厘米 1cm = 96px/2.54 * mm 毫米 1mm = 1/10th of 1cm * Q 四分之一毫米 1Q = 1/40th of 1cm * in 英寸 1in = 2.54cm = 96px * pc 十二点活字 1pc = 1/16th of 1in * pt 点 1pt = 1/72th of 1in * px 像素 1px = 1/96th of 1in * * 相对长度单位 * 相对长度单位相对于其他一些东西,比如父元素的字体大小,或者视图端口的大小。使用相对单位的好处是,经过一些仔细的规划,您可以使文本或其他元素的大小与页面上的其他内容相对应。下表列出了web开发中一些最有用的单位 * * 单位 相对于 * em 在 font-size 中使用是相对于父元素的字体大小,在其他属性中使用是相对于自身的字体大小,如 width * ex 字符“x”的高度 * ch 数字“0”的宽度 * rem 根元素的字体大小 * lh 元素的line-height * vw 视窗宽度的1% * vh 视窗高度的1% * vmin 视窗较小尺寸的1% * vmax 视图大尺寸的1% */ // https://jex.im/regulex/#!flags=&re=(v%5Bh%7Cw%7Cmin%7Cmax%5D%7Cp%5Bc%7Ct%7Cx%5D%7C%5Bre%7Ce%7Cc%7Cm%5Dm%7C%5Bl%7Cc%5Dh%7C%25%7Cin%7CQ%7Cex) export const cssUnit = '(v[h|w|min|max]|p[c|t|x]|[re|e|c|m]m|[l|c]h|%|in|Q|ex)'; export const cssUnitRegex = new RegExp(cssUnit); //# sourceMappingURL=unit.js.map