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 :

CSS media queries sur Tab7 et Tab10.1


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    208
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 208
    Par défaut CSS media queries sur Tab7 et Tab10.1
    Hello

    J'ai un soucis que je ne m'explique pas sur une plage de pixels entre 838 et 1123 avec ce code ( les autres résolution fonctionnent correctement paysage portrait ), le CSS réservé aux mobile saute

    C'est une plage qui correspond au mode paysage de la Samsung Tab4 en 7' et au mode portrait de la Samsung tab2 en 10.1
    Je test avec un M2 Sony et la tab4 en 7'
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    qui aurait une idée..? merci

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    208
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 208
    Par défaut
    Bon, en fait j'ai tout repris avec des déclaration media queries plus précises pour chaque media :
    pour l'affichage PC >>@media only screen and (min-width: 1173px){.
    pour affichage tablette>>@media only screen and (min-width: 600px) and (max-width: 1170px){.
    pour affichage smartphone>>@media all and (min-width: 320px)and (max-width: 600px){.

    voilà...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 07/10/2014, 13h34
  2. Le W3C lance les travaux pour CSS Medias Queries 4
    Par Hinault Romaric dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 31/07/2012, 13h44
  3. [Autre] Le W3C valide le standard CSS Media Queries
    Par Hinault Romaric dans le forum Publications (X)HTML et CSS
    Réponses: 9
    Dernier message: 28/06/2012, 10h44
  4. [ODBC] Probleme d'éxécution query sur AS400 via lien ODBC
    Par kamnouz dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 01/06/2011, 16h30
  5. CSS media="print" sur un SELECT
    Par sebhm dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 19/11/2008, 18h45

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