屏幕上的CSS 1x1英寸盒子

Question

如何指定一个1x1英寸的盒子.这应打印为1x1英寸的盒子,在屏幕上将被视为1x1英寸的盒子.

Answer 1

JSFiddle:http://jsfiddle.net/eR9CS/

寸:

<div style="background-color: red; width: 1in; height: 1in;"></div>?

厘米:

<div style="background-color: red; width: 1cm; height: 1cm;"></div>?

相对长度单位

• em 计算出的字体大小.
• ex 小写"x"的高度.
• px 像素,相对于观看设备.
• % 百分比.
• rem 根元素的字体大小.
• vw 视口宽度.
• vh 视口高度.
• vm 视口宽度或高度的值较小.
• ch 零宽度(渲染字体中零字形的宽度).

绝对长度单位

• in 英寸(1英寸= 2.54厘米).
• cm 厘米.
• mm 毫米.
• pt 分(1分= 1/72英寸).
• pc 皮卡斯(1 pica = 12分).

如果你想在任何地方使用厘米,但要一英寸,使用style="width: 2.54cm; height: 2.54cm;"自1 inch = 2.54cm.