Wie stellt CSS den Browsertext so ein, dass er kleiner als 12 Pixel ist?

Wie stellt CSS den Browsertext so ein, dass er kleiner als 12 Pixel ist?

transform: scaleZum Zoomen verwenden

transform: scale(0.8);

<div>
	<p class="first">第一段文字</p>
	<p class="second">第二段文字</p>
</div>

.first {
    
    
	font-size: 12px;
}

.second {
    
    
	font-size: 12px;
	transform: scale(0.8);
}