1in = 2.54cm = 25.4 mm = 72pt = 6pc ；
-
PX to EM:Example:
12px / 16px = .75em
-
PX to %:Example:
12px / 16px * 100 = 75%
-
PX to PT:Example:
16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
-
EM to PX:Example:
.75em * 16px = 12px
-
EM to %:Example:
.75em * 100 = 75%
-
% to PX:Example:
75 * 16px / 100 = 12px
-
% to EM:Example:
75 / 100 = .75em
-
PT to PX:Example:
12pt * 96ppi / 72ppi = 16px
Pixels
EMs
Percent
Points
|
6px |
0.375em |
37.5% |
5pt |
|
7px |
0.438em |
43.8% |
5pt |
|
8px |
0.5em |
50% |
6pt |
|
9px |
0.563em |
56.3% |
7pt |
|
10px |
0.625em |
62.5% |
8pt |
|
11px |
0.688em |
68.8% |
8pt |
|
12px |
0.75em |
75% |
9pt |
|
13px |
0.813em |
81.3% |
10pt |
|
14px |
0.875em |
87.5% |
11pt |
|
15px |
0.938em |
93.8% |
11pt |
|
16px |
1em |
100% |
12pt |
|
17px |
1.063em |
106.3% |
13pt |
|
18px |
1.125em |
112.5% |
14pt |
|
19px |
1.188em |
118.8% |
14pt |
|
20px |
1.25em |
125% |
15pt |
|
21px |
1.313em |
131.3% |
16pt |
|
22px |
1.375em |
137.5% |
17pt |
|
23px |
1.438em |
143.8% |
17pt |
|
24px |
1.5em |
150% |
18pt |
分享到：
相关推荐
在CSS样式表中，我们经常会看到pt， px，em，ex，in等这类长度单位。它们各是什么意思，有什么区别呢？在CSS样式表中，长度单位分两种： 相对长度单位，如px, em等，绝对长度单位，如pt,mm等。
懒人推动进步，简化px,em,rem的换算
table中的内容经常超过了我们固定的td长度，这个css控制td的内容，如果超过了td长度则自动隐藏超过长度的字符，显示... 鼠标移过时，显示完整的td信息。
css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...
CSS3漂亮的圆角自适应长度按钮特效，按钮可跟随文字数量的多少自动适应宽度。
今天小编就为大家分享一篇关于css3 动画卡顿性能优化的完美解决方案，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
html+css制作的PK进度条.zip
CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装
CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验 CSS测验
上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合
CSS大全CSS大全CSS大全CSS大全CSS大全
CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和...
CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...
精通CSS精通CSS精通CSS精通CSS精通CSS
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与美化CSS网站布局与...
CSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.css
自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式自用css样式
邮件css web css 手机css！邮件css web css 手机css！邮件css web css 手机css！