Bagaimana untuk Menyasarkan Penyemak Imbas iPhone dan Android dengan CSS @media Pertanyaan?

Sokongan pegang tangan CSS @media untuk Penyemak Imbas iPhone dan Android

Peraturan CSS pegang tangan @media menyasarkan peranti pegang tangan seperti iPhone dan Android. Walau bagaimanapun, iPhone tidak menyokong sepenuhnya peraturan ini kerana keupayaannya untuk memaparkan CSS setanding dengan penyemak imbas desktop.

Untuk menyasarkan peranti tertentu seperti iPhone, gunakan pertanyaan @media:

<link rel="stylesheet" href="path/to/iphone.css" media="only screen and (max-device-width:480px)" />

Pertanyaan ini menyasarkan peranti dengan lebar skrin 480px atau kurang.

Kebanyakan peranti kini mempunyai peleraian yang lebih tinggi, seperti Droid X dengan resolusi 854x480. Untuk menyasarkan peranti ini, periksa ciri fizikal peranti dengan pertanyaan media lanjutan:

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px) and (resolution: 163dpi)" href="shetland.css" />

Pertanyaan ini menyasarkan peranti dengan lebar skrin 480px atau kurang dan resolusi 163dpi.

Untuk lebih lanjut maklumat terperinci tentang menyasarkan peranti tertentu, rujuk Pengesyoran Calon W3 untuk pertanyaan media.

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Penyemak Imbas iPhone dan Android dengan CSS @media Pertanyaan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!