我想为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/