如何使用HTML打印正方形(在打印机上)?
如何用1×1英寸精确打印正方形 我的意思是,如何使用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"><
.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;"/>