Heim >Web-Frontend >CSS-Tutorial >So deaktivieren Sie das Drucken einer Seite_CSS/HTML
So deaktivieren Sie das Drucken von Seiten_CSS/HTML
Lösung:
Es ist unmöglich, das Drucken von Seiten wirklich zu deaktivieren, aber wenn Sie es so einrichten können, dass Benutzer drucken können Blank kann auch als Zweck des Druckverbots angesehen werden.
Spezifische Schritte:
Codebeispiel:
<html> <head><title>不可打印的页面</title> <style> @media print{ body{display:none} } </style> </head> <body> 文档主要内容 </body> </head>
Hinweis: Das in der @media print{}-Regel definierte CSS wird nur beim Drucken auf der Seite wirksam.
Tipps: In vielen Foren wird eine spezielle Seite zum Drucken von Beiträgen verwendet. Wenn Sie die @media print{}-Regel geschickt nutzen können, müssen Sie zum Drucken keine separate Seite erstellen.
Tipps:
@media print{}-Regeln, die zum Drucken von Code verwendet werden können, umfassen alle und den Bildschirm.
Regeln ähnlich denen von @media sind in Tabelle 2.2.1 aufgeführt.
Regelbeschreibung
@import gibt das importierte externe Stylesheet und das Zielmedium an. Diese Regel muss zuerst im Stylesheet-Header
@charset deklariert werden, um in externen Stylesheet-Dateien verwendet zu werden. Gibt den von diesem Stylesheet verwendeten Zeichensatz an.
@font-face legt die im HTML-Dokument eingebettete OpenType-Schriftart fest (erfordert IE5+-Unterstützung)
@media gibt die Stylesheet-Regel für den angegebenen Medientyp an (erfordert IE5.5+-Unterstützung)
Besondere Tipps
Führen Sie diesen Beispielcode aus und drucken Sie dann die Webseite aus. Das gedruckte Ergebnis enthält nicht den „Hauptinhalt des Dokuments“.
Besondere Hinweise
In diesem Beispiel wird hauptsächlich die @media-Regel verwendet, um den beim Drucken auf die Seite angewendeten Stil zu definieren. Dies bedeutet, dass das definierte CSS auf den Drucker angewendet wird außerdem:
alle Auf alle Arten von Geräten anwendbar
Bildschirm Auf Computermonitore anwendbar
So deaktivieren Sie das Drucken von page_CSS/HTML-Inhalten. Bitte beachten Sie zu PHP Chinese Net (www.php.cn)!