Verschiedene Front-End-Druckmethoden des Webs: CSS steuert den Druckstil von Webseiten
|
CSS steuert den Druckstil von Webseiten : Verwenden Sie CSS, um den Druckstil zu steuern. Als ich es zum ersten Mal verwendete, war ich völlig durcheinander. Ich hatte keine Ahnung, was die Funktion von Midia in CSS war. Als ich andere bat, diesen Stil zu importieren, war ich immer noch ratlos. Wenn dieses Phänomen auch bei Ihnen auftritt, lassen Sie mich Ihnen die Funktion von CSS Media auf W3school erklären. Midia-Definition und -Verwendung : Das Medienattribut gibt das Gerät an, auf dem das verknüpfte Dokument angezeigt wird. Das Medienattribut wird verwendet, um unterschiedliche Stile für unterschiedliche Medientypen anzugeben. Mit Media wird der Medientyp von CSS angegeben. Die Syntaxformate lauten wie folgt: @Medienbildschirm | Druck | Projektion | Braille | Audio | TV | Handheld | alles Parameterbeschreibung : Bildschirm: bezieht sich auf den Computerbildschirm. Drucken: bezieht sich auf undurchsichtige Medien, die in Druckern verwendet werden. Projektion: bezieht sich auf das für die Anzeige verwendete Projekt. Braille: Braille-System, bezeichnet Druckerzeugnisse mit taktilen Effekten. aural: bezieht sich auf einen elektronischen Sprachsynthesizer. TV: Fernsehähnliche Medien. Handheld: bezieht sich auf ein tragbares Anzeigegerät. all: Für alle Medien. Fügen Sie den Dingen, die Sie nicht drucken möchten, einfach die folgende CSS-Style-Deklaration hinzu, dann erscheinen sie nicht auf der gedruckten Seite: Code kopieren Der Code lautet wie folgt:<link rel="stylesheet" media="drucken" type="text/css" href="drucken.css" /> Zum Beispiel: Code kopieren Der Code lautet wie folgt:<style midia="print">//midia muss deklariert werden, sonst ist es ungültig #mein_versteckt{display:none;} </Stil> |
<<: Über Zabbix Admin-Login vergessen Passwort zurücksetzen
>>: Unterschiede im Stundentrennzeichen zwischen Browsern
Artikel empfehlen
Ein Beispiel für die Verwendung einer MySQL-Anweisung, um die Anzahl der von verschiedenen Ganzzahlen belegten Bytes sowie deren Maximal- und Minimalwerte herauszufinden
Direkt codieren: Wählen Sie „bigint unsigned“ als...
Detaillierte Erläuterung der zugrunde liegenden Implementierungsmethode des Nginx-Polling-Algorithmus
Einführung in den Polling-Algorithmus Viele Leute...
Detaillierte Schritte zur Installation von ros2 in Docker
Inhaltsverzeichnis Hauptthema 1. Installieren Sie...
So verwenden Sie die Clipboard-API in JS
Inhaltsverzeichnis 1. Document.execCommand()-Meth...
Der einfachste Weg zum Debuggen gespeicherter Prozeduren in MySQL
Ein Kollege hat mir einmal gesagt, ich solle eine...
Lösung, wenn der Docker-Container nicht auf den Host-Port zugreifen kann
Ich bin kürzlich bei der Arbeit auf ein Problem g...
Tutorial zum Herunterladen und Installieren von XFTP (grafisches Tutorial)
Wenn Sie Dateien zwischen Windows und Linux übert...
So erstellen Sie schnell einen FTP-Dateidienst mit FileZilla
Um die Speicherung und den Zugriff auf Dateien zu...
Detaillierte Schritte zur Installation der dekomprimierten Version von MySQL 5.7.20 (zwei Methoden)
Ich werde die Installation von MySQL unter Window...
Eine kurze Analyse der Verwendung von HTML-Float
Einige Verwendungen von Float Linke Aufhängung: f...
Detaillierte Erläuterung von 5 Lösungen für das adaptive CSS-Layout für Fortgeschrittene
Vorwort Beim Erstellen einer Seite stoßen wir häu...
Betrachten des Threadmodells von Tomcat aus der Connector-Komponente – BIO-Modus (empfohlen)
In höheren Versionen von Tomcat ist der Standardm...
Analyse der Verwendung von „replace“ und „regexp“ zum Ersetzen regulärer Ausdrücke in MySQL
Dieser Artikel veranschaulicht anhand von Beispie...
Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron
Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...
MySQL 8.0.12 – Schnellinstallations-Tutorial
Die Installation von MySQL 8.0.12 dauerte zwei Ta...