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 :

Responsive ne fonctionne pas avec Android et IOS


Sujet :

Responsive design en CSS

  1. #1
    Membre du Club
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2015
    Messages
    56
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Swaziland

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Janvier 2015
    Messages : 56
    Points : 51
    Points
    51
    Par défaut Responsive ne fonctionne pas avec Android et IOS
    Bonjour,

    Je suis entrain de développer un site responsive. j'ai réduit écran ca fonctionne bien.

    j'ai testé même sur téléphone windows phone fonctionne mais avec IOS et android non.

    comment résoudre ce brobléme:

    Voila mon code de la partie désign:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    @media screen and (min-width: 421px) {
     
    }
     
    @media screen and (max-width: 1024px) {
     
    }
     
    @media screen and (max-width: 960px) {
     
    }
     
    @media screen and (max-width: 760px) {
     
    }
     
    @media screen and (max-width: 640px) {
     
    }
     
    @media screen and (max-width: 480px) {
     
    }
     
    @media screen and (max-width: 320px) {
     
    }

  2. #2
    Membre actif Avatar de copin
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2005
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2005
    Messages : 231
    Points : 244
    Points
    244
    Par défaut
    Bonjour,

    C'est assez étrange comme problème...

    Est ce que tu as bien mis la meta "viewport" dans ton head.
    Un truc du genre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    Est ce que ta css contenant les règles de ta grille responsive est bien la dernière chargée?
    2.21 GigoWatts! 2.21 GigoWatts!!!!!!

  3. #3
    Membre du Club
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2015
    Messages
    56
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Swaziland

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Janvier 2015
    Messages : 56
    Points : 51
    Points
    51
    Par défaut
    Merci pour votre réponse elle est parfaite pour android
    mais non pas par windows phone

Discussions similaires

  1. Réponses: 0
    Dernier message: 08/11/2014, 09h58
  2. Réponses: 1
    Dernier message: 25/01/2007, 18h19
  3. evenement onclick ne fonctionne pas avec explorer??
    Par nath-0-0 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 15/03/2006, 12h13
  4. Réponses: 7
    Dernier message: 24/01/2006, 11h03
  5. window.resizeTo ne fonctionne pas avec firefox?
    Par FrankOVD dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/06/2005, 15h07

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