IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Forcer affichage "landscape" sur écrans nomade


Sujet :

CSS

  1. #1
    Candidat au Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Septembre 2017
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Bâtiment

    Informations forums :
    Inscription : Septembre 2017
    Messages : 2
    Par défaut Forcer affichage "landscape" sur écrans nomade
    Bonjour,

    En développant mon site avec Adobe Muse, je cherche désespérément à forcer l'affichage en orientation paysage sur les écrans nomades: tablettes et smartphones.
    J'ai bien trouvé la balise @media all and (orientation:landscape) mais j'avoue avoir échoué à la placer
    Le site en construction est sur http://susini.corsica
    Dans le fichier "site_global.css" en dernière ligne, il y a bien @media screen and (-webkit-min-device-pixel-ratio:0){body{text-rendering:auto;}} mais j'ai essayé d'y insérer comme ceci:
    @media screen and (-webkit-min-device-pixel-ratio:0), all and (orientation:landscape){body{text-rendering:auto;}} mais cela ne change rien

    Votre aide serait la bienvenue et je vous en remercie d'avance

    Cordialement

    Dumé

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    tu as mal lu la doc.



    Si toutefois vous souhaitez que ceci s'applique seulement si l'écran est en orientation paysage, vous pouvez utiliser l'opérateur and pour lier les particularités ensemble.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    @media (min-width: 700px) and (orientation: landscape)
    Ca ne "force" pas l'affichage paysage. Ca s'applique à l'affichage paysage.

  3. #3
    Candidat au Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Septembre 2017
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Bâtiment

    Informations forums :
    Inscription : Septembre 2017
    Messages : 2
    Par défaut Merci mais...
    Merci de l'explication, mais malheureusement, cela ne résout pas mon problème Mais peu-être n'est-ce pas possible, tout simplement!
    Mes pages sont très moches en lecture "portrait" sur petits écrans et j'aurais voulu qu'elles s'affichent automatiquement en "paysage".

    Encore merci quand même: J'aurai appris quelque chose!

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 215
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 215
    Par défaut
    Bonjour,
    Mes pages sont très moches en lecture "portrait" sur petits écrans et j'aurais voulu qu'elles s'affichent automatiquement en "paysage".
    il te faut revoir dans ce cas la conception de ta page pour la rendre « plus responsive », il appartient à chacun de choisir l'orientation pour la lecture d'une page sur son smartphone, tablette ou desktop.

Discussions similaires

  1. oracle sql*plus :l'affichage page par page sur écran
    Par WhiteTigerZ dans le forum Oracle
    Réponses: 2
    Dernier message: 13/08/2010, 14h24
  2. Script d'affichage images et vidéos sur écran LED
    Par *Serval dans le forum Windows
    Réponses: 0
    Dernier message: 29/05/2010, 19h10
  3. Réponses: 2
    Dernier message: 01/07/2009, 11h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo