我想要一个带有文本的组件,它总是完全填充其容器。 即,如果组件很小,则文本也应该很小,并且当组件调整大小时,文本也应该调整大小。 理想情况下,文本应逐像素调整大小。
这可能吗?
答案 0 :(得分:2)
在纯CSS和HTML中,没有。百分比字体大小是指封闭容器的字体大小:http://www.w3.org/TR/css3-fonts/#font-size-prop
相反,如果仅使用HTML,则必须使用javascript来查找容器的大小,并将字体大小设置为该像素数。我把它作为练习留给你如何处理宽度。
另一种方法是将文本创建为SVG,并将SVG设置为完全填充div。