Mengapakah `` saya tidak mengubah saiz dengan betul dalam Firefox?

Masalah Saiz Semula

Isu:

A

gagal mengubah saiz lebarnya agar muat dalam bekas induknya, walaupun apabila elemen mempunyai lebar maksimum: 100%. Isu ini hanya diperhatikan dalam Firefox dan Firefox untuk Android.

Punca:

Dalam penyemak imbas Gecko (termasuk Firefox), set medan mempunyai lebar minimum yang dikuatkuasakan bersamaan dengan intrinsik lebar kandungannya secara lalai. Tingkah laku ini tidak boleh dibatalkan dalam enjin pemaparan Gecko.

Penyelesaian:

Untuk membetulkan isu saiz semula dalam Firefox, tetapkan sifat paparan set medan kepada salah satu nilai berikut:

• sel meja (disyorkan)
• lajur-meja
• kumpulan-lajur-meja
• kumpulan-pengaki-meja
• kumpulan-pengepala-meja
• baris-meja
• kumpulan-baris jadual

Selain itu, untuk menyembunyikan pembetulan ini daripada penyemak imbas lain, gunakan sambungan CSS @-moz-document:

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

Nota: Godam @-moz-document ini tidak lagi diperlukan dalam Firefox 53 dan kemudian, kerana pepijat asas telah dibetulkan.

Atas ialah kandungan terperinci Mengapakah `` saya tidak mengubah saiz dengan betul dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

firefox css for select Property default this display column table android bug issue

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

Artikel sebelumnya：Menyahkod StyleX: Sistem Penggayaan Terkemuka MetaArtikel seterusnya：Menyahkod StyleX: Sistem Penggayaan Terkemuka Meta

Artikel berkaitan

Lihat lagi

• Ringkasan perkara yang perlu anda perhatikan tentang Border semasa menulis CSS
• Bagaimana untuk merealisasikan pemilihan berbilang gaya dan penukaran masa nyata gaya_Pertukaran pengalaman
• Analisis penggunaan terperinci marquee
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kitaPenafianSitemap

© php.cn All rights reserved