Comment le navigateur choisit-il le type de média pour filtrer les liens CSS?

Une page de mon site contient un lien vers une feuille de style pour media = "print".Comment le navigateur choisit-il le type de média pour filtrer les liens CSS?

<link rel="stylesheet" href=".../print.css" type="text/css" media="print" />

La plupart des navigateurs ignorent correctement ce lien lors du rendu pour un écran, mais IE7 inclut le fichier et traite les règles de style, ce qui rend la page inappropriée pour un affichage à l'écran.

Comment IE (et comment les autres navigateurs) reconnaissent-ils l'affichage prévu? Y a-t-il un en-tête HTML (ou une absence de) qui les guide? Cela peut-il être correctement avec Javascript?

Source

2010-09-11 Lawrence I. Siden

Avez-vous un stylesheet avec un 'media =" screen "' attribut sur la page? – Oded

IE 6-8, les navigateurs basés sur Gecko (par exemple Firefox), Safari, Chrome et Opera prennent en charge les types de médias css. –

N'avez-vous pas voulu dire que IE 6-8 ne supporte pas les types de médias CSS, mais les navigateurs Gecko? Voir http://www.quirksmode.org/blog/archives/2010/09/more_about_medi.html –

Utilisez le @importat-rule au lieu d'inclure le fichier uniquement pour l'impression et by-pass IE7:

<style type="text/css" media="print"> 
@import "print.css"; 
</style>

Si cela ne fonctionne pas, essayez les autres alternatives sur le media test page

Source

2012-01-14 07:17:17

Comment le navigateur choisit-il le type de média pour filtrer les liens CSS?

Répondre

Questions connexes