Media Queries

Bonsoir,

J'ai un petit souci au niveau de mes Medias Queries.

Quand je simule sur mes navigateurs (Chrome, Safarie, Firefox) tout se passe bien. La largeur se redimensionne.

Quand je test en preprod sur mon serveur web avec mon ipad, et mon iPhone celui-ci me garde la résolution pc (960px).C'est là que je ne comprend pas...

Le code dans mes balises head.

<link rel="stylesheet" type="text/css" href="css/style-max-resolution.css" media="screen and (min-width: 960px)"/>
<link rel="stylesheet" type="text/css" href="css/style-tablette.css" media="screen and (max-width: 959px) and (min-width: 769px)"/>
<link rel="stylesheet" type="text/css" href="css/style-mobile.css" media="screen and (max-width: 768px)"/>

J'ai peut-être loupé plusieurs choses ?

Merci de votre aide. ^^