Bolehkah Anda Memaksa Orientasi Landskap untuk Aplikasi Web?

Memaksa Orientasi Landskap untuk Aplikasi

Soalan: Memaksa aplikasi untuk dipaparkan dalam mod "landskap", walaupun direka untuk mod "potret" , adalah kebimbangan yang sering timbul. Bagaimanakah ini boleh dicapai?

Jawapan Asal:

Malangnya, adalah tidak mungkin untuk mengekang tapak web atau aplikasi web kepada orientasi tertentu. Had ini wujud untuk mengekalkan pengalaman pengguna sedia ada peranti. Walau bagaimanapun, anda boleh menggunakan kaedah berikut untuk mengesan orientasi semasa:

• Pertanyaan Media CSS3:

@media screen and (orientation:portrait) {
    /* CSS applied when the device is in portrait mode */
}

@media screen and (orientation:landscape) {
    /* CSS applied when the device is in landscape mode */
}

• Acara Perubahan Orientasi JavaScript:

document.addEventListener("orientationchange", function(event){
    switch(window.orientation) 
    {  
        case -90: case 90:
            /* Device is in landscape mode */
            break; 
        default:
            /* Device is in portrait mode */
    }
});

Jawapan Kemas Kini (12 November 2014):

Dengan kemunculan manifes aplikasi web HTML5 , mod orientasi paksa kini boleh dilakukan. Ini boleh dicapai dengan:

• Membuat fail manifest.json dan termasuk baris berikut:

{
    "display":      "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
    "orientation":  "landscape", /* Could be "landscape" or "portrait" */
    ...
}

• Merujuk manifes dalam fail HTML anda:

<link rel="manifest" href="manifest.json">

Perhatikan bahawa sokongan untuk manifes apl web untuk orientasi penguncian mungkin berbeza-beza merentas penyemak imbas.

Atas ialah kandungan terperinci Bolehkah Anda Memaksa Orientasi Landskap untuk Aplikasi Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!