'responsive' qui ne fonctionne pas sur iphone?

Marsh Posté le 14-08-2016 à 21:10:52

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 :

div#content
{
    float: left;
    width: 55%;
}
 
div#appendix, div#image
{
    float: left;
    width: 32%;
}
 
@media screen and (max-width: 850px)   {
    div#content, div#appendix, div#image {
        width: 100%;  
        float: none;
    }    
}

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

Merci d'avance!

Marsh Posté le 14-08-2016 à 21:10:52

Marsh Posté le 15-08-2016 à 16:54:54

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.

Marsh Posté le 15-08-2016 à 20:47:11

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

Merci

Marsh Posté le 15-08-2016 à 21:49:00

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.

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *