我正在设计一组要打印的
HTML页面,我希望页面的元素最终达到相同的比例.例如,有一类div,宽度定义为200px宽,出现在几页上.当每个页面打印时,我希望它的尺寸显示为相同的尺寸(适用于例如切割和叠加).
我正在使用一些在Chrome中最好的东西(主要是CSS缩放规则,可以在其他地方使用较小的元素),所以我希望继续使用Chrome. (这在Firefox中更容易,因为它在打印对话框中具有明确的比例.)但是,在Chrome上,似乎在不同页面打印时保持相同的元素一致的大小是不容易的.
Chrome的PDF生成(这是从Chrome打印的内容),似乎选择一些部分来定义页面的宽度,并根据该页面的尺寸缩放页面的其余部分.或者也可以尝试将页面大小设置为在一页上适合“最佳”元素数量.如果每个页面的外框框架元素在所有情况下都不一样,那么屏幕尺寸为200px的元素似乎可以从3-4厘米到1.5-2厘米或更小的东西出来.
只使用@page大小没有帮助:我有这个CSS,它没有任何区别:
@media print {
@ page size: 297mm 210mm
}
有没有人有任何想法如何使事情打印出一致的大小?
我可以应用的一个极端的解决方法是使它们成为一个大HTML页面的所有部分,并使用Javascript将某些部分标记为唯一要打印的部分…我甚至不确定是否可以工作,在几个不同的页面上,更敏锐的事情.还有什么其他想法吗?