Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript在打印视图中测量位置,而不使用Firefox像素舍入屏幕视图?_Javascript_Css_Firefox_Printing_Measure - Fatal编程技术网

使用JavaScript在打印视图中测量位置,而不使用Firefox像素舍入屏幕视图?

使用JavaScript在打印视图中测量位置,而不使用Firefox像素舍入屏幕视图?,javascript,css,firefox,printing,measure,Javascript,Css,Firefox,Printing,Measure,在Firefox中,精确的字符宽度被调整(到最近的像素)以供屏幕查看,但这种调整不会出现在打印视图中。这意味着段落中的行数(包装后)会有所不同 我有一些JavaScript,用于添加垂直边距,使两列在固定宽度的div内正确对齐。对齐在屏幕上是正确的,但在打印文档中是不正确的 我可以使字体和图像非常大,然后使用CSStransform:scale(0.1)使结果再次变小 我可以让JavaScript在自己的div中分隔每一行(包装后),这样我就可以使用空白:nowrap 你能推荐一些副作用少、更

在Firefox中,精确的字符宽度被调整(到最近的像素)以供屏幕查看,但这种调整不会出现在打印视图中。这意味着段落中的行数(包装后)会有所不同

我有一些JavaScript,用于添加垂直边距,使两列在固定宽度的div内正确对齐。对齐在屏幕上是正确的,但在打印文档中是不正确的

  • 我可以使字体和图像非常大,然后使用CSS
    transform:scale(0.1)
    使结果再次变小

  • 我可以让JavaScript在自己的div中分隔每一行(包装后),这样我就可以使用
    空白:nowrap

  • 你能推荐一些副作用少、更简单的药吗?也许是我不知道的CSS规则


我注意到如果用户使用Ctrl+zoom功能,那么问题在某种程度上就会消失。

您尝试过吗?这里是。我在我的fixed with container div中添加了
display:flex
,但是由于文字包装的差异,它的内容在screen和print(Firefox)之间的对齐方式仍然不同。(打印时将一个单词换行到第三行,但不在屏幕上)