CSS 长度单位转换:pixels、points、picas 与 inches 等

本篇目录

CSS 学习资料

Cascading Style Sheetsarticles and tutorials

CSS tips & tricks

CSS 像素单位与长度单位的关系

CSS different units for expressing length 详细介绍了 CSS 使用的长度单位,以及使用解释。

其中绝对长度单位转换关系如下:

unit    definition
----    ----------
‘cm’    centimeters
‘mm’    millimeters
‘in’    inches; 1in is equal to 2.54cm
‘px’    pixels; 1px is equal to 1/96th of 1in
‘pt’    points; 1pt is equal to 1/72nd of 1in
‘pc’    picas; 1pc is equal to 12pt

px 是一个特殊单位,在屏幕上显示时,1px 是一个像素,在打印物上显示时,1px = 1/96 in:

In fact, CSS requires that 1px must be exactly 1/96th of an inch in all printed output. CSS considers that printers, unlike screens, do not need to have different sizes for px in order to print sharp lines. In print media, a px thus not only has the same visual appearance from one device to another, but indeed it is measurably the same.

对 point/pt 的介绍:Point (typography)

相对单位(em、ex 等)的定义和使用见 CSS different units for expressing length

参考

  1. 李佶澳的博客
  2. Point (typography)
  3. CSS different units for expressing length
  4. Cascading Style Sheetsarticles and tutorials
  5. CSS tips & tricks

推荐阅读

赞助商广告

Copyright @2011-2019 All rights reserved. 转载请添加原文连接,合作请加微信lijiaocn或者发送邮件: [email protected],备注网站合作

友情链接:  李佶澳的博客  小鸟笔记  软件手册  编程手册  运营手册  爱马影视  网络课程  奇技淫巧  课程文档  精选文章  发现知识星球  百度搜索 谷歌搜索