html5 – 如何在CSS中设置min-font-size

前端之家收集整理的这篇文章主要介绍了html5 – 如何在CSS中设置min-font-size前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为HTML页面中的每个元素设置最小字体大小。

例如,如果有大小小于12px的font-size的元素,那么它们将更改为12px。
但是如果有字体大小的元素,然后12px,它们将不会改变。

有什么办法可以用CSS吗?

解决方法

否。当您可以使用font-size属性在body上设置基本字体大小时,指定较小大小的任何字体都将覆盖该元素的基本规则。为了做你想要做的,你将需要使用Javascript。

您可以遍历页面上的元素,并使用以下方式更改较小的字体:

$("*").each( function () {
    var $this = $(this);
    if (parseInt($this.css("fontSize")) < 12) {
        $this.css({ "font-size": "12px" });   
    }
});

这是一个小提琴,你可以看到它完成:http://jsfiddle.net/mifi79/LfdL8/2/

猜你在找的HTML5相关文章