Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1492 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  'responsive' qui ne fonctionne pas sur iphone?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

'responsive' qui ne fonctionne pas sur iphone?

n°2286505
Profil sup​primé
Posté le 14-08-2016 à 21:10:52  answer
 

Bonjour,
 
J'ai deux div côte à côte que je veux afficher l'une en dessous de l'autre s'il manque d'espace horizontal.
J'utilise ces directives :
 

Code :
  1. div#content
  2. {
  3.    float: left;
  4.    width: 55%;
  5. }
  6.  
  7. div#appendix, div#image
  8. {
  9.    float: left;
  10.    width: 32%;
  11. }
  12.  
  13. @media screen and (max-width: 850px)   {
  14.    div#content, div#appendix, div#image {
  15.        width: 100%;  
  16.        float: none;
  17.    }    
  18. }


 
Ca fonctionne sous firefox mais pas sur un iphone 5c dont la largeur devrait pourtant être inférieure... Une idée ?
 
Merci d'avance!
 

mood
Publicité
Posté le 14-08-2016 à 21:10:52  profilanswer
 

n°2286529
MaybeEijOr​Not
but someone at least
Posté le 15-08-2016 à 16:54:54  profilanswer
 

https://css-tricks.com/snippets/css [...] d-devices/
 
D'après ce site, les résolutions sont plus faibles, probablement dû au pixel ratio de 2.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2286546
Profil sup​primé
Posté le 15-08-2016 à 20:47:11  answer
 

Plus faible ?
En montant le seuil à 1000px j'ai corrigé le problème. bizarre!
 
Merci

n°2286552
MaybeEijOr​Not
but someone at least
Posté le 15-08-2016 à 21:49:00  profilanswer
 

Oui de toute façon tu étais sur un max-width, donc forcément fallait chercher plus haut et non plus faible.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  'responsive' qui ne fonctionne pas sur iphone?

 

Sujets relatifs
[Excel 2k7] Liste deroulante ne fonctionne plusPetits calculs pour les crédits, ne fonctionne pas [noob]
ajuster le font-size automatiquement dans une zone responsive Filtre de PowerPoint à excel fonctionne pas e mode diaporama
Mise en page responsiveFormulaire responsive design
[SQL/SAS] Requête qui ne fonctionne pasInstance qui ne fonctionne pas
Programme qui fonctionne via l'interpreteur mais pas via console linuxce petit code ne fonctionne pas, pourquoi ?
Plus de sujets relatifs à : 'responsive' qui ne fonctionne pas sur iphone?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR