J'ai eu une classe qui fonctionnait bien sur tous les navigateurs. Mais après le remplacer sur P> <div class"wrapper">
<div class"navigation"> </div>
<div class"content"> </div>
</div>
3 Réponses :
Ça va bien! J'utilise Windows 10 et IE11. Je n'ai trouvé aucune différence entre vos codes, peut-être que cela vous perplexe! Pour l'autorisation, j'ai ajouté un code supplémentaire, p> arrière-plan: rouge; code>. @media ne pas imprimer {} code> Afficher l'arrière-plan mais l'écran d'impression n'est pas. Donc, il fonctionne! P>
<div class="content">
<h1>Hello!</h1>
</div>
Mais je n'ai laissé que le code avec @media ne pas imprimer {... ne doit pas faire fonctionner sans .Content classe au-dessus?
Oui! @media ne pas imprimer {} signifie qu'il devrait fonctionner sur tous les supports, à l'exception du support d'impression.
Qu'est-ce que vous voulez réellement atteindre?
in @media Imprimer, Ajouter P>
Affichage: Aucun! Important; Code> Pour votre .Content code> Il fonctionnera pour tous les navigateurs.
<div class="wrapper">
<div class="navigation"> </div>
<div class="content">In @media print, add display: none !important; it will work.</div>
</div>
Vous n'avez pas mis "=" tout en attribuant le nom de la classe.
p>
Il devrait être comme ci-dessous. P>
<div class="wrapper"> This is wrapper <div class="navigation"> This is navigation</div> <div class="content">This is content </div>
Ajoutez votre exemple de code HTML
Sur quelle version de Windows vous testez-vous?
Windows 10, soit 11