Comme cet article suggérantVaut-il mieux définir css pour tout @media dans un fichier css?
ou différents CSS externe pour différents médias serait meilleure option?
en termes de maintenabilité, performance du site.
Combiné style Plus Fiche:
style combiné Moins Fiche:
Optimal/Rapide = faux. Désolé, mais plusieurs feuilles de style ne sont pas optimales ou rapides. –
@rockinthesixstring: j'ai utilisé le mauvais mot "multiple" je voulais dire plusieurs sytle feuilles combinées en une, voir ma réponse à nouveau plz :) – Sarfraz
Down vote supprimé. –
Fondamentalement, si vous pouvez ajouter par programme des fichiers CSS à votre client basé sur les médias (tant que vous envoyez un seul fichier css à la fin), alors oui, construire plusieurs fichiers CSS basés sur le @media.
Si vous ne pouvez pas ajouter css par programme, alors je suggère de les combiner dans un seul fichier CSS (puisque vous devez tout envoyer au client), réduisant ainsi le nombre de requêtes http par le client.
moins de requêtes http = charges de pages plus rapides.
mais alors css principal sera lourd pour les médias = "écran" utilisateurs qui sont les utilisateurs principaux très peu de gens prendront l'impression et pourcentage d'utilisateur mobile est très faible aussi –
Vous pouvez utiliser des règles @import dépendant de médias comme ceci:
@import url("print.css") print;
@import url("projection.css") projection, tv;
il devrait fonctionner dans tout sauf IE5-7 (comme par: http://www.westciv.com/wiki/CSS_Guide:_Media#mediaspecific) Je ne peux pas tester pour IE8 et vous pourriez être déçu là aussi.
cela entraînerait une très petite charge CSS initiale, puis télécharger uniquement les feuilles de style nécessaires en fonction du support.
Plusieurs fichiers CSS diminueront toujours les performances de votre site. Les combiner réduit les requêtes http. –
@rockinthesixstring - mais voir la réponse nick de mon autre question http://stackoverflow.com/questions/2083900/would-it-be-better-to-combine-print-css-with-main-css-or-using- another-css-file-f/2083911 # 2083911 –
Quelle technologie utilisez-vous? Straight up HTML, PHP, ASP.NET, autre? –