Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah penulisan CSS yang membolehkan pengguna mengawal saiz fon halaman web_Pertukaran pengalaman

Kaedah penulisan CSS yang membolehkan pengguna mengawal saiz fon halaman web_Pertukaran pengalaman

WBOY
WBOYasal
2016-05-16 12:07:121382semak imbas

Pada masa kini, kebanyakan laman web domestik menggunakan CSS untuk menetapkan saiz fon kepada 12px Walaupun piksel juga merupakan unit saiz relatif, ia hanya relatif kepada resolusi skrin apabila resolusi skrin adalah pasti, jika anda merasakan saiz fon terlalu kecil. baca Jika terdapat kesukaran, tiada apa yang boleh anda lakukan dalam penyemak imbas bukan standard, jadi jika anda menukar unit kepada em, anda boleh menggunakan CTRL + tatal tetikus untuk membesarkan teks, atau gunakan Lihat > ​​Saiz Teks pada menu untuk menukar saiz teks.

Cara untuk menetapkan

1. Tetapkan saiz fon dalam teg badan kepada 62.5%. ditetapkan kepada 62.5 %, kemudian saiz fon =16px*62.5%=10px Pada masa ini, anda boleh menggunakan em untuk menetapkan saiz dengan mudah Sebagai contoh, jika anda perlu menggunakan 12px, hanya tetapkan kepada 1.2em.

badan{
saiz fon: 62.5%;
}

h1{
saiz fong: 1.4em;/* saiz fon h1 bersamaan dengan 14px * /
}
2. Tetapkan saiz fon dalam kandungan kepada 75%, kemudian saiz fon = 16px*75%=12px, 1em bersamaan dengan 12px

badan{
fon-. saiz: 75%;
}

h1{
saiz fong: 1.5em;/* Saiz perkataan h1 bersamaan dengan 18px */
}

Kaedah pertama Lebih baik.

Jika tapak web bahasa Inggeris, anda juga boleh menetapkannya kepada kecil, x-kecil...

Sudah tentu, dengan cara ini, keperluan reka bentuk untuk halaman tersebut akan lebih tinggi.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn