使用CSS打印页面

Question

我的WIDTH: 2500px在我的HTML文件中有DIV。该div携带横向流程的流程图用POSITION:ABSOLUTE完成。当我给浏览器打印时，它缩小并减小字体大小。但它不应该缩小，也不应该缩小字体大小。请给我这方面的建议或给我一些解决办法。

感谢， 迪内希

Answer 1

Media queries是关键。

@media print{ 
    body{ 
     font-size:16px; 
    } 
} 

Answer 2

使用

font-size in %(percent like 100% or 80%)当使用百分比单位，文本仍然是移动设备和辅助功能完全可扩展的。

或使用媒体查询

@media screen and (max-device-width : 320px) 
{ 
    body or yourdiv element 
    { 
    font:<size>px/em/cm; 
    } 
} 
@media screen and (max-device-width : 1024px) 
{ 
    body or yourdiv element 
    { 
    font:<size>px/em/cm; 
    } 
}