So machen Sie die Browserschrift kleiner als 12 Pixel

Die Browserschriftart wird standardmäßig als 12px als Mindestschriftart angezeigt. Bei style="font-size=10px" wird die Schriftart auch als 12px angezeigt
Das ist möglich Übergeben Sie transform:scale() style, um die Schriftart zu ändern, wie unten gezeigt:

<div id="About">
  <!--字体大小为16px-->
  <p class="size-16">你好世界！</p>
  <!--字体大小为12px-->
  <p class="size-12">你好世界！</p>
  <!--字体大小为8px-->
  <p class="size-08">你好世界！</p>
</div>

<style scoped>
  .size-16 {
    
    
    font-size: 16px;
  }
  .size-12 {
    
    
    font-size: 16px;
    transform: scale(0.75);  //通过 transform属性实现比例缩放，16*0.75为12px
  }
  .size-08 {
    
    
    font-size: 16px;
    transform: scale(0.5); //通过 transform属性实现比例缩放，16*0.5为8px
  }
</style>

Der Implementierungseffekt ist wie folgt:

Sie können es selbst erleben. Es ist nicht die Schriftart, die tatsächlich verkleinert wird, sondern die Größe des Etiketts, auf dem sich die Schriftart befindet skaliert, wodurch die Schriftart sehr klein aussieht
****transform:scale() Dieses Attribut kann nur Elemente mit definierter Breite und Höhe skalieren, während Inline-Elemente keine Breite und Höhe haben. If Da es sich um ein Inline-Element handelt, müssen Sie display:inline-block;

Inline-Element: ein img span b starker Eingabeauswahlabschnitt