使用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; 
    } 
}