Mengapakah @media pegang tangan bukan penyelesaian yang boleh dipercayai untuk CSS mudah alih?

Melaraskan CSS untuk Peranti Mudah Alih: Memahami Had pegang tangan @media

Apabila cuba menyesuaikan CSS khusus untuk penyemak imbas mudah alih seperti iPhone dan Android, adalah penting untuk mengetahui tentang had @media pegang tangan. Walaupun jenis pertanyaan media ini telah digunakan pada masa lalu, ia tidak disokong secara universal pada peranti mudah alih, terutamanya yang mempunyai keupayaan paparan lanjutan.

Untuk mencapai kesan yang diingini, pertimbangkan pendekatan alternatif:

Menggunakan Pertanyaan Skrin @media

Daripada @media pegang tangan, gunakan pertanyaan skrin @media. Pertanyaan ini membolehkan anda menyasarkan peranti berdasarkan ciri skrin tertentu, seperti peleraian dan lebar peranti. Contohnya, untuk menggayakan halaman web untuk iPhone:

@media screen and (max-device-width: 480px) {
  body {
    color: red;
  }
}

Memanfaatkan Pertanyaan Ciri CSS

Sebagai alternatif, pertanyaan ciri CSS boleh digunakan untuk mengesan keupayaan penyemak imbas tertentu. Contohnya, untuk mengesahkan sama ada pertanyaan media disokong:

@supports (media) {
  /* Styles to be applied if media queries are supported */
}

Menyasarkan Resolusi Peranti

Untuk menyasarkan peranti dengan resolusi tertentu, pertanyaan @media boleh digabungkan dengan ciri media resolusi:

@media screen and (max-device-width: 480px) and (resolution: 163dpi) {
  body {
    color: blue;
  }
}

Sumber Lanjut

• [Syor Calon W3C untuk Pertanyaan Media](https://www.w3.org/TR/css3-mediaqueries/)
• [Panduan Pembangun Webkit Mudah Alih Apple](https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/GettingStarted/GettingStarted.html)
• [Senarai Selain: Merekabentuk untuk Pelbagai Viewports](https://alistapart.com/article/viewports)

Atas ialah kandungan terperinci Mengapakah @media pegang tangan bukan penyelesaian yang boleh dipercayai untuk CSS mudah alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!