Rumah >hujung hadapan web >tutorial css >Bagaimanakah Penyemak Imbas Mengendalikan Unit Hilang dalam Atribut CSS?

Bagaimanakah Penyemak Imbas Mengendalikan Unit Hilang dalam Atribut CSS?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-24 14:00:02415semak imbas

How Do Browsers Handle Missing Units in CSS Attributes?

Fallback untuk Atribut CSS Tanpa Unit

Dalam CSS, apabila unit (cth., px, em, pt, %) tiada daripada atribut, penyemak imbas mengendalikan situasi secara berbeza.

Gelagat Mod Quirks

Dalam mod quirks, sesetengah penyemak imbas mungkin kembali kepada unit pilihan, biasanya px. Tingkah laku ini adalah berdasarkan warisan atribut HTML tanpa unit seperti lebar dan tinggi.

Gelagat Mod Standard

Dalam mod standard, mengikut spesifikasi CSS2.1, semua bukan -nilai panjang sifar memerlukan unit. UA dijangka akan mengabaikan nilai panjang tanpa unit.

Ketidakkonsistenan Penyemak Imbas

Walaupun tingkah laku piawai dalam mod standard, penyemak imbas mempamerkan ketidakkonsistenan dalam mod quirks:

  • Internet Explorer: Mengabaikan peraturan tanpa unit dalam IE7 dan kemudian
  • Firefox: Sandar ke px untuk lebar tetapi diabaikan lebar sempadan
  • Chrome, Opera, Safari: Sandar ke px untuk kedua-dua lebar dan lebar sempadan

Keperluan W3C

W3C tidak menentukan tingkah laku untuk atribut CSS tanpa unit dalam mod quirks. Spesifikasi hanya memberi mandat bahawa UA mengabaikan nilai panjang tanpa unit dalam mod standard.

Soalan Khusus:

  1. Mengapa px fallback dalam mod quirks?
    Ini ialah gelagat aneh berdasarkan atribut HTML warisan.
  2. Sandaran mandatori kepada unit pilihan?
    Tidak, ini tidak wajib dalam mod quirks.
  3. Kelakuan mod kebiasaan yang betul untuk contoh yang diberikan:
    Tiada gelagat betul yang ditentukan kerana ia bergantung pada kebiasaan penyemak imbas. Tingkah laku Chrome, Opera dan Safari lebih konsisten dengan mengabaikan peraturan tanpa unit dalam mod standard.

Atas ialah kandungan terperinci Bagaimanakah Penyemak Imbas Mengendalikan Unit Hilang dalam Atribut CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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