Question

如何用1 x 1英寸精确打印正方形？

我的意思是，.strong { width: 1in; height: 1in; }无效！真的出了什么问题？如何计算这个错误？

编辑：每个人都谈论屏幕像素和1/72比率。它进入打印机后会发生什么？

Answer 1

您可以尝试使用CSS中的in单元：

.square {
    width:1in;
    height:1in;
}

演示：http://jsfiddle.net/w5H5d/

然而：

请记住，屏幕上的英寸是not necessarily实际英寸。即使在打印时，您根本无法完全控制输出，因此我认为这是不可能准确的。

Answer 2

这样做：

HTML标记：

<div id = "square"></div>

CSS：

#square { height:1in;width:1in;background-color:black; }

Answer 3

如果你真的只想要一个1英寸的正方形，使用'只有HTML'，你可能会想要做一些内联CSS。真的很简单。

<div style="width: 1in; height: 1in;"/>

要添加颜色，只需将background-color属性放入：

即可

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

Answer 4

如何使用css和html混合。

<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>


.square {
 border: 1px solid;
 width: 1in;
 height: 1in;
}

如何使用HTML（在打印机上）打印正方形？

4 个答案:

然而：