Rumah  >  Artikel  >  hujung hadapan web  >  Sebelum mencapai alam tanpa H dan tiada F ~ Saya masih perlu menderita ~ Saya serasi dengan CSS pelayar_Experience exchange

Sebelum mencapai alam tanpa H dan tiada F ~ Saya masih perlu menderita ~ Saya serasi dengan CSS pelayar_Experience exchange

WBOY
WBOYasal
2016-05-16 12:10:091315semak imbas

Ia mengecewakan untuk menghadapi berbilang pelayar dengan penghuraian yang berbeza, dan ia adalah sesuatu yang akan dihadapi oleh setiap orang yang menulis CSS.
Walaupun ulasan bersyarat ialah pendekatan yang ideal, ia serasi ke hadapan dan ke belakang. Malangnya, saya tidak begitu menyukai versi N CSS

Biar saya bercakap tentang penggunaan saya sendiri dahulu
Memulakan
Pemilih{}
untuk memastikan keserasian ke belakang,
Mari. mulakan Penapis
Tidak kira sama ada IE6 telah memperkenalkan Mod Quirks
, gunakan
* Pemilih html{}
untuk memproses IE6 dan versi yang lebih rendah
Saya telah membuat perbezaan yang lebih rumit antara yang lebih rendah dan versi yang lebih rendah berurusan dengan.
Gunakan untuk membaca IE5.x

@media tty {
i{content:"";/*" "*/}} @import 'ie5x.css' /*";}
}/* */

Hanya digunakan di bawah keperluan khas, kerana IE5 serupa dengan IE5.5 dalam banyak aspek
Tetapi IE5 akan sentiasa sama,
Saya perlu membuat perbezaan selanjutnya, menggunakan

*>Pemilih html{}

hendaklah
*>Pemilih badan html{}
Bandingkan Ianya mudah untuk ditangani isu keutamaan.

Sokongan IE7 untuk CSS hampir sama dengan FF, Opera dan Safari, namun, selalu terdapat beberapa masalah khusus
Saya memilih untuk menggunakan
*+ Pemilih html. }
untuk menangani IE7 secara khusus, tetapi apabila IE7 juga memperkenalkan Mod Quirks, masalahnya menjadi sangat rumit, dan pemahamannya tentang CSS juga menurun kepada IE5, tetapi saya rasa tidak begitu . Saya telah menemui penyelesaian, jadi saya menolak untuk memperkenalkan Mod Quirks kepada IE7

FF tidak standard
Saya mencubanya dengan perkara peribadi. url ruang nama(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
Pemilih{ ... ! penting}
}

Bagaimana dengan Opera? Walaupun ia melepasi ACID2
tetapi dalam cara penulisan saya yang membosankan, masih ada masalah seperti ini li:hover+li {} Saya tidak tahu. Adakah versi keluaran ini akan menyelesaikan masalah?
Nasib baik, orang lain telah menyediakannya

@media semua dan (lebar min: 0px){
Pemilih{}
}

Safari Apa? Maafkan saya kerana saya tidak mempunyai wang untuk membeli produk Apple
Saya tidak tahu berapa banyak masalah yang akan berlaku
Lagi Untuk pelbagai kaedah penapisan, sila rujuk http://centricle.com/ref/css/filters/


Sama ada anda menggunakan penggodaman atau penapis, ia menyakitkan
Menyelesaikan masalah hari ini bukan untuk menghasilkan hari esok

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