Bagaimana untuk Menguatkuasakan Orientasi Landskap pada Laman Web Mudah Alih?

Tapak Mudah Alih: Menguatkuasakan Orientasi Landskap Sahaja

Bagaimanakah anda boleh menghalang autoputaran dan memaksa orientasi landskap pada tapak web mudah alih? Soalan ini timbul apabila membangunkan tapak dengan pendekatan "mudah alih-diutamakan".

Untuk menangani isu ini, pertanyaan media boleh digunakan. Coretan kod CSS berikut menunjukkan pelaksanaan:

<link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">

Dalam kod yang disediakan, dua helaian gaya berasingan ditentukan.

• style_l.css: Lembaran gaya ini digunakan apabila skrin digunakan dalam orientasi landskap. Ia mengandungi gaya yang diperlukan untuk memaparkan kandungan dalam reka letak landskap yang diingini.
• style_p.css: Lembaran gaya ini digunakan apabila skrin berada dalam orientasi potret. Ia boleh digunakan untuk menyembunyikan atau melumpuhkan elemen tertentu atau memaparkan mesej yang menunjukkan bahawa apl direka untuk mod landskap sahaja.

Dengan melaksanakan pendekatan ini, anda boleh memastikan tapak mudah alih anda dikunci dalam landskap orientasi, menghalang pengguna daripada memutar peranti mereka secara tidak sengaja dan berkemungkinan mengalami antara muka yang herot atau tidak boleh digunakan.

Atas ialah kandungan terperinci Bagaimana untuk Menguatkuasakan Orientasi Landskap pada Laman Web Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!