1486 sujets

Web Mobile et responsive web design

Bonjour,

Je suis occupe a travailler au responsive design de mon site pour le format IPad et smartphone.
J'ai fais la mise au format sur mon ordi (Visual Studio Code) et avec simulation sur Firefox et Chrome en utilisant les responsive design modes et tout est bien formaté.

Cependant en testant sur mon IPad (9 eme generation), Safari ne respecte les règles que j'ai definies mais Chrome (IPad) les respecte.

Voici le media query que j'utilise pour mon code:

@media (min-width: 768px) and (max-width: 1024px) {


Comment faire reconnaitre ce code par Safari? Mon media query est il correcte ou bien les dimensions que je donne sont fausses?

Merci d'avance pour votre aide.
C'est étonnant que Safari et Chrome *sur iPad* aient des rendus différents car ils utilisent le même moteur de rendu webkit (exigence d'Apple pour tous les navigateurs).
Sinon je ne sais pas si ce CSS est censé viser l'iPad mais les vues adaptatives de Firefox me donnent les valeurs suivantes (qui jusqu'ici m'ont données satisfaction).
iPad : 810*1080
iPad pro : 1024*1366
Peut être la v.9 de l'iPad a un viewport différent.