Various front-end printing methods of web: CSS controls web page printing style
|
CSS controls the printing style of web pages : Use CSS to control the print style. I was a complete mess when I first used it. I had no idea what the function of midia in CSS was. When I asked others to import this style, I was still at a loss. If you also have this phenomenon, then let me tell you, find out the function of CSS midia on W3school. midia definition and usage : The media attribute specifies the device on which the linked document will be displayed. The media attribute is used to specify different styles for different media types. Media is used to specify the media type of CSS. Its syntax formats are as follows: @media screen | print | projection | braille | aural | tv | handheld | all Parameter Description : screen: refers to the computer screen. print: refers to opaque media used in printers. projection: refers to the project used for display. braille: Braille system, refers to printed matter with tactile effects. aural: refers to an electronic speech synthesizer. tv: Television-type media. handheld: refers to a handheld display device. all: For all media. Just add the following CSS style declaration to the things you don’t want to print, and they will not appear on the printed page: Copy code The code is as follows:<link rel="stylesheet" media="print" type="text/css" href="print.css" /> For example: Copy code The code is as follows:<style midia="print">//midia must be declared, otherwise it will be invalid #my_hidden{display:none;} </style> |
<<: About Zabbix forget admin login password reset password
>>: How MySQL supports billions of traffic
Recommend
Understanding and using React useEffect
Table of contents Avoid repetitive rendering loop...
ERROR 1045 (28000): Access denied for user ''root''@''localhost'' (using password: YES) Practical solution
There was no problem connecting to the database y...
Detailed explanation of node.js installation and HbuilderX configuration
npm installation tutorial: 1. Download the Node.j...
Implementation of Docker batch container orchestration
Introduction Dockerfile build run is a manual ope...
Solve the problem of MySql8.0 checking transaction isolation level error
Table of contents MySql8.0 View transaction isola...
Docker installation steps for Redmine
Download the image (optional step, if omitted, it...
Introduction and architecture of Apache Arrow, a high-performance data format library package on JVM (Gkatziouras)
Apache Arrow is a popular format used by various ...
How to obtain a permanent free SSL certificate from Let's Encrypt in Docker
1. Cause The official cerbot is too annoying. It ...
Detailed explanation of the difference and usage of quotes and backticks in MySQL
Preface So I wrote this blog. This blog also reco...
Creation, constraints and deletion of foreign keys in MySQL
Preface After MySQL version 3.23.44, InnoDB engin...
MySQL sorting using index scan
Table of contents Install sakila Index Scan Sort ...
Detailed process of deploying Docker to WSL2 in IDEA
The local environment is Windows 10 + WSL2 (Ubunt...
Solution to forgetting the administrator password of mysql database
1. Enter the command mysqld --skip-grant-tables (...
How to use Vue to implement CSS transitions and animations
Table of contents 1. The difference between trans...
JavaScript+html to implement front-end page sliding verification
This article shares the specific code of JavaScri...