使用JavaScript在打印视图中测量位置,而不使用Firefox像素舍入屏幕视图?
在Firefox中,精确的字符宽度被调整(到最近的像素)以供屏幕查看,但这种调整不会出现在打印视图中。这意味着段落中的行数(包装后)会有所不同 我有一些JavaScript,用于添加垂直边距,使两列在固定宽度的div内正确对齐。对齐在屏幕上是正确的,但在打印文档中是不正确的使用JavaScript在打印视图中测量位置,而不使用Firefox像素舍入屏幕视图?,javascript,css,firefox,printing,measure,Javascript,Css,Firefox,Printing,Measure,在Firefox中,精确的字符宽度被调整(到最近的像素)以供屏幕查看,但这种调整不会出现在打印视图中。这意味着段落中的行数(包装后)会有所不同 我有一些JavaScript,用于添加垂直边距,使两列在固定宽度的div内正确对齐。对齐在屏幕上是正确的,但在打印文档中是不正确的 我可以使字体和图像非常大,然后使用CSStransform:scale(0.1)使结果再次变小 我可以让JavaScript在自己的div中分隔每一行(包装后),这样我就可以使用空白:nowrap 你能推荐一些副作用少、更
- 我可以使字体和图像非常大,然后使用CSS
使结果再次变小transform:scale(0.1)
- 我可以让JavaScript在自己的div中分隔每一行(包装后),这样我就可以使用
空白:nowrap
- 你能推荐一些副作用少、更简单的药吗?也许是我不知道的CSS规则
我注意到如果用户使用Ctrl+zoom功能,那么问题在某种程度上就会消失。您尝试过吗?这里是。我在我的fixed with container div中添加了
display:flex
,但是由于文字包装的差异,它的内容在screen和print(Firefox)之间的对齐方式仍然不同。(打印时将一个单词换行到第三行,但不在屏幕上)