Comment voulez-vous écrire des requêtes de média pour plusieurs tailles d'écran?
Si je veux
body {font-size:18 px}
pour 1900 et au-dessus de
body {font-size:16 px}
pour du 1024 et 1900
body {font-size:14 px}
de 768 à 1023
body {font-size:12 px}
de 320 à 767
body {font-size:11 px}
de 0 à 320
Je viens de donner l'exemple et pour la question.
OriginalL'auteur Jitendra Vyas | 2011-12-21
Vous devez vous connecter pour publier un commentaire.
Cela devrait faire le travail
only screen
et j'ai vu des gens utilisermax-width
.Vous pouvez toujours inclure une autre feuille de style pour chaque résolution d'écran trop. Ou tout simplement à l'échelle vers le bas tout basé sur l'EM. Vérifier cette référence. css-tricks.com/css-media-queries
Rappelez-vous, vous avez encore besoin de sélecteurs à l'intérieur de la média des blocs. Donc il ne serait pas juste être
font-size:12px
elle aimerait@media only screen and (min-width: 320px) { body{ font-size:12px } }
Si j'écris des requêtes de média pour les autres tailles d'écran et de ne pas écrire
@media only screen and (min-width: 1900px) {font-size:18px}
et de garder à l'css normalementbody {font-size:18px}
va faire le même travail?Si j'utilise votre exemple, est-il besoin de préciser la taille de police pour le corps à l'extérieur des requêtes de média.?
OriginalL'auteur
J'aime ce blog/site web, que c'est une bonne ressource pour les CSS3 et astucieux astuces:
Je pense qu'il varie pour les tablettes, comme certains agissent comme des navigateurs mobiles (iPad, par exemple) et certains ne le font pas.
OriginalL'auteur
L'application du présent code.
OriginalL'auteur
Vous pouvez utiliser les media queries. Par exemple, votre taille de la police pour une résolution 1024 à 1900, serait défini comme ceci:
Pour une explication plus complète voir responsive web design: http://www.alistapart.com/articles/responsive-web-design/
Ils je l'ai écrit, oui. Vous devez écrire d'autres sélecteurs pour la moindre des résolutions ou ajouter un
and (min-width: 1200px)
OriginalL'auteur