Bagaimanakah Saya Boleh Mengesan Jika Pengguna Mengakses Laman Web Saya daripada iPhone atau iPad Menggunakan CSS Sahaja?

Pengesanan iPhone/iPad melalui CSS

Mengenal pasti sama ada pengguna mengakses tapak web daripada iPhone atau iPad semata-mata melalui CSS boleh menjadi perkara yang berharga pertimbangan reka bentuk. Walaupun kaedah terdahulu menggunakan @media pegang tangan mungkin tidak berfungsi dengan berkesan, terdapat penyelesaian alternatif untuk mencapai pengesanan ini.

Teknik CSS untuk Pengesanan Peranti

Untuk membezakan iPhone dengan tepat, iPad, dan peranti lain, seseorang boleh menggunakan media CSS berikut pertanyaan:

• iPhone & iPod touch:

  link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../iphone.css" type="text/css" /

• iPhone 4 & iPod touch 4G:

  link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" /

• iPad:

  link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /

Dengan memasukkan pertanyaan media ini ke dalam anda lembaran gaya, anda boleh menggunakan gaya khusus peranti untuk meningkatkan pengalaman pengguna untuk iPhone dan iPad pengguna.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Jika Pengguna Mengakses Laman Web Saya daripada iPhone atau iPad Menggunakan CSS Sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!