Question

我有一个标题font-size:40px;，与我的报告中约有90％完全吻合，但对于过去的10％而言有点过大

在我们拥有@media only screen的普通网页上很容易，但@media print

怎么办？

在梦境中，我会做font-size:auto;，这意味着：尽可能地使字体尽可能大，不超过限制或破坏线等。

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

Answer 1

有些人可能认为这是作弊，但你可以使用jquery来处理这类事情。以下将动态调整＆＃34; font-size＆＃34;具有类＆＃34; dynamic-font-size＆＃34;的任何元素的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)

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

1 个答案: