通过控制台调整字体大小时,可以发现即便设置了小于12px的字号,也并不会变小,这是因为Chrome默认最小字号为12px。

在Chrome设置中的外观选项卡中可以发现,默认字体是16px。将最小字号改为0,就能随意设置小于12px的字号了。

如何忽略Chrome最小字号的限制-LMLPHP

但是无法保证用户也进行了相同设置,此时可以利用缩放进行小字号的显示。

设置字体大小10px

div{
	font-size: 20px;
	transform: scale(0.5);
}

注意:只有块级元素和行内块元素才可生效。

03-29 16:25