如何使用HTML打印正方形(在打印机上)?

如何使用HTML打印正方形(在打印机上)?,html,css,printing,Html,Css,Printing,如何用1×1英寸精确打印正方形 我的意思是,.strong{width:1in;height:1in;}不起作用!到底出了什么问题?如何计算这个误差 编辑:大家都在谈论屏幕像素和1/72的比例。当它进入打印机时会发生什么情况?执行以下操作: HTML标记: <div id = "square"></div> CSS: #正方形 { 高度:1in;宽度:1in;背景色:黑色; }混合使用css和html怎么样 <div class="square"><

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

我的意思是,
.strong{width:1in;height:1in;}
不起作用!到底出了什么问题?如何计算这个误差

编辑:大家都在谈论屏幕像素和1/72的比例。当它进入打印机时会发生什么情况?

执行以下操作:

HTML标记:

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

CSS:

#正方形
{
高度:1in;宽度:1in;背景色:黑色;

}

混合使用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;
}

.广场{
边框:1px实心;
宽度:1in;
高度:1英寸;
}

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

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

然而:
请记住,屏幕上的一英寸是实际的一英寸。即使在打印时,您也无法完全控制输出,因此我想说这是不可能做到的。

如果您真的只想寻找一个1英寸的正方形,使用“仅HTML”,您可能会想做一些内联CSS。非常简单

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

@JackManey你错过了->高级选项…->精确到1×1英寸你能解释一下你的用例吗?因为我想不出你需要或想要的任何理由。浏览器也不知道一英寸有多大(尽管打印机和计算机本身可能能够计算出来)。我想即使是打印机在调整内容大小方面也会听取用户对CSS的偏好。好吧,似乎我不是很清楚。我想在打印机上安装一个1x1正方形!
<div style="width: 1in; height: 1in; background-color: blue;"/>