Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memohon Pemilih CSS Tersuai untuk Penyemak Imbas Berbeza (Mozilla, Chrome dan IE)?
Bagaimana untuk Memohon Pemilih CSS Tersuai untuk Penyemak Imbas Berbeza (Mozilla, Chrome dan IE)?
- Barbara Streisandasal
- 2024-11-22 20:08:40857semak imbas
Pemilih CSS untuk Mozilla, Chrome dan IE
CSS Tersuai untuk Penyemak Imbas Tertentu
Untuk menggunakan peraturan CSS khusus untuk penyemak imbas individu, gunakan bersyarat ini pernyataan:
- Untuk Mozilla: @-moz-document url-prefix()
- Untuk Chrome: @media skrin dan (-webkit-min-device-pixel-ratio:0)
- Untuk IE: @media all dan (-ms-high -kontras: tiada)
Sintaksis:
@browser-specific-selector {
/* Styles for the specific browser */
}
Kaedah Alternatif
1. Imbasan Ejen Pengguna:
Imbas rentetan ejen pengguna untuk mengesan penyemak imbas dan versinya. Kaedah ini juga boleh mengenal pasti sistem pengendalian.
2. Hacks CSS:
Gunakan hacks CSS yang menggunakan sifat atau sintaks khusus penyemak imbas untuk menyasarkan penyemak imbas tertentu. Godam ini boleh menjadi rapuh dan terdedah kepada pecah.
3. Skrip atau Pemalam:
Laksanakan skrip atau pemalam yang mengenal pasti penyemak imbas dan menggunakan kelas CSS yang sesuai pada elemen.
Pelaksanaan PHP
PHP menawarkan fungsi untuk pengesanan penyemak imbas, seperti get_browser(). Maklumat ini boleh digunakan untuk menjana fail CSS dinamik yang disesuaikan dengan penyemak imbas yang dikesan.
Rujukan Hacks CSS
Rujuk senarai berikut untuk penggodaman CSS yang menyasarkan penyemak imbas tertentu:
/* IE6 and below */
* html #uno { color: red }
/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece { color: red } Pemalam Pengesanan Penyemak Imbas
Pertimbangkan untuk menggunakan pemalam Pemilih Pelayar CSS untuk pengesanan penyemak imbas yang mudah dan permohonan kelas:
<html class="class-for-mozilla"> <!-- Other classes for different browsers --> </html>
Atas ialah kandungan terperinci Bagaimana untuk Memohon Pemilih CSS Tersuai untuk Penyemak Imbas Berbeza (Mozilla, Chrome dan IE)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!