Bagaimanakah saya boleh mengesan iPhone dan iPad menggunakan CSS?

Pengesanan Peranti Menggunakan CSS

Dalam usaha untuk mengoptimumkan pengalaman pengguna merentas peranti yang berbeza, pembangun sering mencari cara untuk mengesan jenis peranti yang mengakses laman web mereka. Satu pendekatan melibatkan memanfaatkan CSS untuk membezakan antara peranti.

Cabaran: Mengesan iPhone dan iPad

Keperluan biasa ialah mengesan iPhone dan iPad hanya melalui CSS. Satu kaedah yang telah dicadangkan ialah menggunakan pertanyaan media @media pegang tangan, hanya skrin dan (lebar-peranti: 480px). Walau bagaimanapun, pendekatan ini mungkin menghadapi had.

Penyelesaian

Nasib baik, terdapat kaedah yang diperhalusi untuk mengesan iPhone dan iPad menggunakan CSS:

• iPhone dan iPod touch:
  
• iPhone 4 dan iPod touch 4G:
  
• iPad:
  

Pertanyaan media CSS ini menyasarkan setiap peranti tertentu secara berkesan, membolehkan pembangun menyesuaikan helaian gaya dengan sewajarnya, meningkatkan pengalaman pengguna pada saiz skrin yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengesan iPhone dan iPad menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!