CSS @media print Regel nicht mehr funktioniert?
Zuvor, der folgende code funktioniert für Firefox und Google Chrome, wenn ich drucken "verstecken", das element,
<!DOCTYPE html>
<html><head><title>Test</title>
<style type="text/css">
@media print {
.noprint {
display: none;
}
}
</style>
</head>
<body>
<span class="noprint">abc</span>
</body></html>
Aber jetzt, es funktioniert nicht für beide Browser. Allerdings, wenn ich auf diesem,
<!DOCTYPE html>
<html><head><title>Test</title>
<style type="text/css" media="print">
.noprint {
display: none;
}
</style>
</head>
<body>
<span class="noprint">abc</span>
</body></html>
Es funktioniert auf Firefox, aber nicht auf Google Chrome.
Was ist die Lösung, die funktioniert als browser-unabhängig?
(Oder gibt es etwas falsch mit meinem code?)
<style>
nichtAttribut.
- sorry, das war mein Fehler. Aber auch ich entfernen Sie die , \@media print kann immer noch nicht arbeiten.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn Sie mit @media print, müssen Sie hinzufügen !wichtig ist im Stile, oder die Seite verwenden Sie die Elemente und inline-styles.
E. g.
Nicht sicher, was ist das problem mit dem Google Chrome, aber heute habe ich nochmal getestet mit Google Chrome version
31.0.1650
, die Lösung mit< style media="print" >
gut funktioniert.Sowie
"@media print"
Regel ist immer noch nicht funktioniert."@media print"
&< style media="print" >
beide arbeiten gut auf Chrome 39.0.2171.95 (64-bit) Mac-OS & Firefox 34.0.5 Mac-OS