指定CSS中的发丝厚度进行打印

前端之家收集整理的这篇文章主要介绍了指定CSS中的发丝厚度进行打印前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我有一个打印CSS样式一个元素与:
border:1px solid black;

要么:

border:0.25pt solid black;

当它打印时,线条非常厚 – 至少1pt.如果我尝试一个小得多的值,例如0.05pt,那根本就不出现.如何获得细线?在像InDesign这样的程序中,您可以为“发型”设置厚度为0.25pt,即非常细的线条,但不会太薄,从而无法打印.

注意:这个问题似乎也是一样的问题,但是没有人解决了线路厚度的实际问题,只是使用最好的测量单位:
pt or px for specifying border-width for print

解决方法

谢谢你的帮助.看来浏览器在这方面是没用的.

我做了更多的测试,结论似乎是:

>没有浏览器对打印点大小有好处.
>你不能假定用户在分配上会看到宽度小于1.25pt.

我测试了以下网页的变化,每次调整边界点大小.我打印的“适合页面关闭.

<html>
  <body style="width:17cm; background-color:rgb(245,245,245);">
    <div style="border:0.3pt solid black; width:100%; height:20cm">IE 0.3pt</div>
  </body>
</html>

这些是与InDesign的打印输出相比最小可打印点大小和外观的结果.我也加了一些其他的笔记:

FF:0.25pt,看起来像1.25pt. DIV宽度看起来像是17cm,但是由于FF的大量打印边距,右边界被切断.似乎16.5cm是最大的可用宽度.身体的高度适合页面的高度.

Safari 5:0.75pt,看起来像1pt. DIV宽度为18.2厘米,BODY宽度为19.5厘米 – Safari似乎适合页面,即使没有迹象表明它会这样做.身体高度在DIV高度后不久就完成了.

歌剧11:0.4pt,看起来像0.75pt. DIV宽度为16.2cm,BODY背景仅显示在div中 – 尽管文本行显示在白色背景上

IE7:0.4pt,看起来像0.5pt(如0.5pt).与FF一样,DIV宽度看起来像是17cm,但由于IE的大幅面打印边距,右边的边框被切断.

IE9:0.1(甚至更低),但仍然看起来像0.5pt.否则与IE7相同.

猜你在找的CSS相关文章