Penyelesaian pemprosesan fon kecil Google Chrome, iaitu, kemahiran tutorial fon di bawah 12px_html5

Google Chrome tidak menyokong fon kecil di bawah 12px, mungkin kerana pengalaman pengguna.
Terdapat juga beberapa artikel di Internet mengatakan bahawa ia boleh digunakan:

Salin kod

Kod adalah seperti berikut:

-webkit-text-size-adjust:none;

Walau bagaimanapun, sejak chrome 27, sokongan untuk atribut ini telah dialih keluar.

Adakah kita mempunyai cara lain untuk menyelesaikan masalah ini?

Google Chrome menyokong penskalaan CSS, jadi kami boleh membuat kekecohan tentang perkara ini:

Salin kod

Kodnya adalah seperti berikut:

-webkit-transform: scale(0.5);
Pada masa yang sama, anda boleh menggunakan -webkit-transform-origin-x: 0; untuk menyelesaikan masalah anjakan margin-kiri selepas penskalaan:

Salin kod

Kod adalah seperti berikut: .test_tag{

font-size:12px; x: 0;

- webkit-transform: skala(0.583333333333334);

Nilai skala dikira sebagai: 7 / 12 = 0.583333333333