使用CSS打印页面

Question

我的HTML文件中有DIV WIDTH: 2500px。该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;
  }
}