首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >字体大小自动调整以适合

字体大小自动调整以适合
EN

Stack Overflow用户
提问于 2010-12-10 20:46:35
回答 6查看 85.9K关注 0票数 22

我试着按照标题所说的去做。我已经看到font-size可以是一个百分比。所以我的猜测是font-size: 100%;会这么做,但不是。

下面是一个示例:http://jsfiddle.net/xVB3t/

能帮我个忙吗?

(如果使用js编程是必要的,那么没有问题)

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2010-12-10 20:56:07

这个问题可能会对你有所帮助,但我警告你,尽管它通过jQuery解决了这个问题:

Auto-size dynamic text to fill fixed size container

祝好运。

这个问题操作生成了一个插件,here is the link to it (& download)

顺便说一句,我之所以建议使用jQuery,是因为作为Gaby pointed out,这不能只通过CSS来完成,而你说你愿意使用js……

票数 15
EN

Stack Overflow用户

发布于 2010-12-10 20:51:59

使用CSS无法完成此操作。

100%与父元素的计算font-size相关。

参考:http://www.w3.org/TR/CSS2/fonts.html#font-size-props

有关jQuery解决方案,请查看Auto-size dynamic text to fill fixed size container

票数 5
EN

Stack Overflow用户

发布于 2014-08-28 17:56:36

有点晚了,但这是我处理这个问题的方法:

代码语言:javascript
复制
document.body.setScaledFont = function() {
    var f = 0.35, s = this.offsetWidth, fs = s * f;
    this.style.fontSize = fs + '%';
    return this
}
document.body.setScaledFont();

基本文档字体现在已设置好。

对于dom中的其余元素,将字体大小设置为%或em,它们将按比例缩放。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4408937

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档