2017-04-22 2 views

Répondre

0

Voici la solution spécifique à vos besoins.

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) { 

     /* STYLES GO HERE */ 
    } 

Pour en savoir plus sur les questions des médias de tout appareil, il suffit de Google pour trouver la résolution de l'écran de l'appareil et utiliser cette valeur pour la requête des médias.

+1

Bien qu'il soit utile de lier des ressources externes, vous devez inclure la partie pertinente dans votre réponse. Cela garantit que l'information sera toujours accessible. –

+0

Acceptez-vous. Laissez-moi mettre à jour la réponse. –

0

Cela devrait fonctionner. L'iPod touch de 6ème génération est un écran Retina avec une largeur de pixel de 640px. Cela équivaut à 320px avec un ratio de 2.

@media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) 
0

Voici une liste de la plupart des requêtes des médias:

/* sur mesure, iPhone Retina */ @media seulement écran et (min-width: 320px) {

}

/* supplémentaires petits appareils, Téléphones */ @media uniquement l'écran et (min-width: 480px) {

}

/* petits appareils , Comprimés */ @media uniquement l'écran et (min-width: 768px) {

}

/* moyen, Appareils de bureau */ @media uniquement l'écran et (min-width: 992px) {

}

/* Appareils grand, écrans larges */ @media uniquement l'écran et (min-width: 1200px) {

}