Maison > interface Web > tutoriel CSS > Puis-je forcer l'orientation paysage pour mon application Web ?

Puis-je forcer l'orientation paysage pour mon application Web ?

Susan Sarandon
Libérer: 2024-11-09 09:56:02
original
667 Les gens l'ont consulté

Can I Force Landscape Orientation for My Web App?

Forcer le mode d'orientation paysage pour les applications Web

Question :

Comment puis-je appliquer le mode paysage mode pour mon application web qui n'est pas conçue pour le portrait orientation ?

Réponse :

Alors qu'il était auparavant impossible de verrouiller une application Web sur une orientation spécifique, les progrès du HTML5 le rendent désormais possible.

Réponse originale :

La réponse originale indiquait que verrouiller un site Web ou une application sur une orientation spécifique n'était pas possible car cela était en conflit avec le comportement naturel de l'appareil. Cependant, il fournissait des méthodes pour détecter l'orientation de l'appareil à l'aide de requêtes multimédia CSS3 et d'événements de changement d'orientation JavaScript.

Réponse mise à jour (12 novembre 2014) :

Avec l'introduction de le manifeste de l'application Web HTML5, les développeurs peuvent désormais forcer le mode d'orientation de leurs applications. Cela se fait en incluant les lignes suivantes dans le fichier manifest.json :

{
    "display":      "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
    "orientation":  "landscape", /* Could be "landscape" or "portrait" */
    ...
}
Copier après la connexion

De plus, le fichier manifest.json doit être référencé dans le fichier HTML en utilisant :

<link rel="manifest" href="manifest.json">
Copier après la connexion

While la prise en charge exacte du navigateur pour le verrouillage du mode d'orientation via le manifeste de l'application Web n'est toujours pas claire, Chrome est connu pour le prendre en charge.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal