我正在尝试使用jQuery使文本自适应。以下是相关示例: 您可以看到一个带有文本的div。该div没有指定高度,其高度是由文本高度和顶部和底部各10%的填充计算出来的。 我想要字体大小具有响应性。假设div的原始大小为124px,字体大小为50px,因此我想保持这个比例。这意味着我需要知道50在124中占多少百分比。大约是40.32(50/124*100)。这意味着我需要将字体大小设置为等于容器高度/100*40.32的值。以下是我使用的代码:
function foo(){
var container = $(".box");
var containerHeight = $(".box").innerHeight().toFixed();
var neededSize = (containerHeight/100*40.32).toFixed();
container.css("font-size", neededSize + "px");
}
$(window).resize(foo);
$(document).ready(foo);
这似乎是有效的,但只有在我调整页面大小时才有效。当我重新加载页面时,会出现一些不同的值。为什么同样的函数在调整大小和加载时会给出不同的值?