Saiz

Mengapa saya harus menggunakan em, dan bukan % untuk fon?

Mengapa saya harus menggunakan em, dan bukan % untuk fon?

Sebab utama menggunakan EM atau peratusan adalah untuk membolehkan pengguna menukar saiz teks tanpa melanggar reka bentuk. Sekiranya anda merancang dengan fon yang dinyatakan dalam PX, mereka tidak mengubah saiz (dalam IE 6 dan lain -lain) jika pengguna memilih saiz teks - lebih besar.

  1. Apakah faedah menggunakan nilai EM untuk saiz fon?
  2. Mengapa anda harus menggunakan em dan bukannya px?
  3. Sekiranya saya menggunakan REM atau EM atau PX?
  4. Sekiranya saya menggunakan EM atau VW?

Apakah faedah menggunakan nilai EM untuk saiz fon?

EMS tidak mempunyai saiz tetap. Mereka berskala, dan sebab itu EMS baik untuk pembangunan web mudah alih. EMS relatif kepada saiz fon yang ditetapkan dalam CSS. Sekiranya anda tidak mempunyai satu set di CSS, maka 1 em biasanya akan sama dengan 16px, yang biasanya saiz fon lalai dalam penyemak imbas.

Mengapa anda harus menggunakan em dan bukannya px?

Unit Px memastikan hasil yang konsisten walaupun itu tidak sesuai. Em adalah relatif kepada saiz fon elemen induk, jadi jika anda ingin skala saiz elemen berdasarkan saiz ibu bapanya, gunakan em.

Sekiranya saya menggunakan REM atau EM atau PX?

Dalam CSS, EM dan REM adalah kedua -dua unit berskala yang juga menentukan nilai sifat. EM dan REM memenuhi piawaian kebolehaksesan web, dan, tidak seperti PX, skala lebih baik. Oleh itu, mereka lebih sesuai untuk reka bentuk responsif.

Sekiranya saya menggunakan EM atau VW?

Gunakan em atau rem untuk perkara seperti: saiz font, padding, margin. Gunakan % untuk lebar atau ketinggian bekas, div, atau komponen besar lain. Gunakan bahagian VH dan VW ke saiz sebagai peratusan saiz skrin (contohnya, saya menggunakan banyak ini untuk memaksa bahagian dengan imej latar belakang menjadi skrin penuh (VH) dan/atau lebar penuh (VW))

Prinsip Pengalaman Pengguna Apa yang digunakan oleh pemaju laman web untuk menentukan cara membuat laman utama secara umum?
Apakah 4 Prinsip Reka Bentuk Web? Apakah 4 Prinsip Reka Bentuk Web?Ruang: Dalam reka bentuk web, ini sering disebut sebagai "ruang putih," atau kawa...
Penapisan Secara lalai semua diperiksa atau tidak dicentang (aditif vs subtractive)
Adakah penapis aditif atau subtractive?Apa itu penapis bahan tambahan? Adakah penapis aditif atau subtractive?Penapisan membolehkan mereka melintasi...
Warna amaran untuk kesilapan sistem
Warna apa yang harus dimaksudkan dengan mesej ralat?Apakah warna ralat?Mengapa kita memerlukan makluman? Warna apa yang harus dimaksudkan dengan mes...