javascript - 如何使文字大小自适应容器大小?
高洛峰
高洛峰 2017-04-10 15:11:02
0
3
298

容器大小是固定的,要在容器内随机地显示一段文字,如何能让文字的大小自适应容器的大小呢?无论字数多少都要撑满整个容器

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all(3)
迷茫

纠正一下,zoom被现代浏览器支持。css-tricks的链接是2013年的说明。谢谢@Humphry指出,经测试,FF、GG、IE等现代版本均支持该属性,不需要私有前缀。

1楼的zoom只有IE支持 https://css-tricks.com/almanac/properties/z/zoom/ 所以这种方式并不被推荐

不知道这样符合楼主要求不
https://jsfiddle.net/dwqs/zdtqgd0z/

$(function(){
    var t = $("#box").height() / $("p").height();
    $("p").css({
        lineHeight:t*16+"px",
        height:t*$("p").height(),

    });
})
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!