Étape 4: Requête pour appareils mobiles
< code >
écran et (largeur max : 481px) {}
/ * écrire votre Code CSS ici * /
}
< /code >
' écran et (largeur max : 481px)' définit la mise en forme CSS pour des tailles d’écran avec 481px max. (Résolution CSS) et ci-dessous.
Par exemple, un smartphone FullHD (mode portrait) a une largeur de 1080 pixels, mais ce n’est pas la même chose que la résolution en CSS.
Pour convertir les pixels « smartphone » pixels « CSS » vous devez considérer le pixels.
Un smartphone 1080p a un ratio de pixel de 3 = > 1080/3 = 360px (résolution du CSS)
Sur wikipedia, il y a une liste des appareils mobiles plus communes qui affiche la résolution + pixel ratio :
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
Merci aux testeurs !
Nous examinons 'screen.css' (situé à... / CSS/screen.css) et ajouter une requête de média avec les définitions de structures nouvelles après les définitions existantes de CSS.
Les autres fichiers css sont pour les anciennes versions du navigateur et à des fins d’impression.