动态调整报表中的字体（要打印的HTML页面）

Question

我与90％左右的我的报告完全符合，但有点过大，最后的10％

足够它很容易在头上行font-size:40px;在这里我们有@media only screen但什么@media print

在一个梦幻世界，我会做font-size:auto;这意味着正常的网页：使字体大，你可以足不出户超过极限或破线等。

有没有办法做到这一点，除了很多if (text.length){font=34}行呢？

Answer 1

有人可能会认为它是作弊，但你可以使用jQuery来处理这类事情。以下将动态调整任何具有类“dynamic-font-size”的元素的“font-size”css属性。根据%或em设置字体大小的子元素因此也将具有可随元素宽度缩放的字体。

function resizeFonts() { 
    $('.dynamic-font-size').each(function() { 
     var width = $(this).width(); 
     var fontSize = Math.floor(width/4); 
     $(this).css("font-size", fontSize); 
    }); 
} 

$(document).ready(resizeFonts) 
$(window).resize(resizeFonts)