Mengapa Beberapa Imej SVG Berskala Tidak Sekata dalam IE9?

Mengatasi Isu Penskalaan dengan Imej SVG dalam IE9

Imej SVG tertentu gagal menskala secara berkadar dengan ketinggian maksimum yang ditentukan dalam elemen img walaupun lebar tiada. Adalah diperhatikan bahawa peningkatan yang tidak seimbang ini kebanyakannya memberi kesan kepada SVG yang terdiri daripada poligon dan bukan yang dibuat menggunakan laluan.

Memahami Percanggahan

Ketidakkonsistenan berpunca daripada kekurangan penyeragaman dalam mengendalikan atribut ViewBox. Kotak paparan secara eksplisit mentakrifkan koordinat dan dimensi kandungan SVG, yang membolehkan penskalaannya dengan betul. Walau bagaimanapun, pelayar mentafsirkan viewBox secara berbeza.

Dalam contoh yang terjejas, SVG tidak mempunyai atribut ViewBox. Oleh itu, IE9 mentafsirkan sifat lebar dan ketinggian elemen SVG (bukannya elemen imej) untuk penskalaan, yang membawa kepada peningkatan yang tidak seimbang.

Menyelesaikan Isu

Untuk memastikan penskalaan yang konsisten merentas pelayar , pastikan anda menentukan kotak pandangan untuk imej SVG anda sambil mengetepikan atribut lebar dan ketinggian daripada elemen SVG. Pendekatan ini memberikan panduan yang jelas kepada penyemak imbas, menghapuskan ketidakpastian yang membawa kepada penskalaan yang tidak seimbang dalam IE9.

Atas ialah kandungan terperinci Mengapa Beberapa Imej SVG Berskala Tidak Sekata dalam IE9?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!