Bagaimanakah Anda Boleh Menyasarkan Pelayar Pegang Tangan dengan Pertanyaan Media CSS?

Mengesan Penyemak Imbas Pegang Tangan pada Peranti Mudah Alih

Apabila cuba melaraskan lebar elemen berdasarkan jenis peranti, pengguna mungkin menghadapi cabaran. Untuk mengatasinya, kami meneroka kaedah alternatif untuk mengesan penyemak imbas pegang tangan.

Penyelesaian:

Untuk mencapai matlamat ini, pembangun boleh memanfaatkan pertanyaan media CSS berikut:

@media (pointer:none), (pointer:coarse) {
  /* CSS styles for handheld browsers */
}

Penjelasan:

Keadaan (penunjuk:tiada) menyasarkan peranti tanpa peranti input sentuh, seperti komputer riba dan komputer meja. Keadaan (penunjuk:kasar) meliputi peranti dengan input penuding yang kurang tepat, biasanya ditemui pada peranti mudah alih. Dengan menggabungkan kedua-dua syarat ini, pembangun boleh mengesan penyemak imbas pegang tangan dengan berkesan pada kedua-dua peranti iOS dan Android.

Atas ialah kandungan terperinci Bagaimanakah Anda Boleh Menyasarkan Pelayar Pegang Tangan dengan Pertanyaan Media CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!