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
Lepaskan: 2024-10-24 14:00:02
asal
435 orang telah melayarinya

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!

sumber:php
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan