Bagaimanakah Saya Boleh Menyasarkan Peranti iOS Secara Khusus dengan Pertanyaan Media CSS?

Menyasarkan Peranti iOS dengan Pertanyaan Media CSS

Untuk menyasarkan peranti iOS secara khusus menggunakan pertanyaan media, pertimbangkan kod berikut:

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
}

Teknik ini memanfaatkan sifat -webkit-touch-callout, yang dilaksanakan secara eksklusif dalam Safari Mobile pada iOS. Peranti di luar ekosistem ini akan mengabaikan peraturan ini.

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa menggunakan @supports tidak menimbulkan potensi masalah keserasian dengan IE, kerana ia melangkau kedua-dua set peraturan. Selain itu, iOS mungkin menghentikan sokongan untuk mekanisme ini dalam keluaran akan datang.

Sebagai alternatif, pertimbangkan untuk meneroka pilihan lain yang disenaraikan dalam "Sifat CSS Disokong" di bawah "Safari pada iOS" untuk mencapai keserasian merentas penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyasarkan Peranti iOS Secara Khusus dengan Pertanyaan Media CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!