css - 打印网页的安全像素宽度?

标签 css printing

打印网页的安全宽度(以像素为单位)是多少?

我的页面包含大图像,我想确保它们在打印时不会被剪切掉。

我知道不同的浏览器边距和 US Letter/DIN A4 纸张尺寸。所以我们得到了标准字母大小和一些默认 DPI 值。但是我可以将它们转换为像素 值以在图像的width 属性中指定吗?

最佳答案

至于真正的“通用答案”,我无法提供。但是,我可以为某些细节提供一个简单而明确的答案......

670 PIXELS

至少这似乎是 Microsoft 产品的安全答案。我看了很多建议,包括 675,但在我自己测试后,我得出了 670。

撇开所有 DPI、边距问题、硬件差异不谈,这个答案是基于这样一个事实:如果我在 IE9 中使用打印预览(具有标准边距)——并将打印尺寸设置为 100%,而不是默认的“收缩”适合”,所有内容都适合页面,而不会在此宽度处被截断。

如果我给自己发送一封 HTML 电子邮件,然后使用 Windows Live Mail 2011(Outlook Express 变成的版本)接收它,并且我以 670 宽度打印页面 – 再次一切正常。如果我将它发送到实际的硬拷贝或 MS XPS 文件(虚拟打印输出),这也是正确的。

在我进行实验之前,我使用的是任意宽度 700。在上述所有场景中,页面的一部分都被截断了。当我减少到 670 时,一切都非常合适。

至于我如何设置宽度——我只是使用了一个原始的“包装器”html 表并将其宽度定义为 670。

如果您可以指定最终用户的软件,那么这些事情就可以直截了当了。如果你不能(当然通常是这种情况),你可以测试他们使用的浏览器等细节,并对重要的解决方案进行硬编码。在 IE 和 FF 之间,你将覆盖大约 90% 的网络用户。为“其他人”添加一些其他代码,这些代码通常似乎可以正常工作,收工吧……

关于css - 打印网页的安全像素宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/320357/

相关文章:

html - 使屏幕上始终可见两个不同大小的div

html - 如何让我的网页上的 "banner"在移动设备上隐藏,但在更大的设备上重新出现?

html - 将溢出滚动到隐藏的

python - 在 python 中打印具有格式的混合类型字典

swift - 如何在没有行终止符的情况下快速打印字符数组

css - 在复杂多边形上使用图像映射的替代方法

javascript - 为 div 指定点击样式

java - 递归地找到一个集合中最强大的

c# - 如何在 C# 中打印全尺寸图像

css - IE6打印滚动条