Bolehkah CSS Menyasarkan Peranti iOS Secara Khusus, Tidak Termasuk Yang Lain dengan Saiz Skrin Serupa?

Menyasarkan Peranti iOS Menggunakan Pertanyaan Media CSS

S: Adakah mungkin untuk menggunakan CSS untuk menyasarkan peranti iOS secara khusus sambil mengecualikan yang lain peranti dengan saiz skrin yang serupa?

J: Ya, anda boleh menggunakan gabungan pertanyaan @media dan peraturan @supports untuk mencapai ini:

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

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

Pendekatan ini berfungsi kerana hanya Safari Mobile, penyemak imbas web yang digunakan pada peranti iOS, menyokong sifat -webkit-touch-callout .

Pertimbangan Tambahan:

• @supports tidak disokong oleh Internet Explorer, jadi ia mungkin tidak berfungsi pada peranti yang menggunakan penyemak imbas itu.
• Chrome dan Firefox pada iOS menggunakan enjin pemaparan WebKit, memastikan kod di atas akan berfungsi pada semua peranti iOS.
• Ia penting untuk ambil perhatian bahawa Apple mungkin mengalih keluar sokongan untuk -webkit-touch-callout dalam keluaran iOS akan datang.
• Pilihan alternatif tersedia untuk menyasarkan sifat iOS tertentu, seperti disenaraikan pada halaman Ciri CSS Disokong.

Atas ialah kandungan terperinci Bolehkah CSS Menyasarkan Peranti iOS Secara Khusus, Tidak Termasuk Yang Lain dengan Saiz Skrin Serupa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!