How to disable printing of a page_CSS/HTML-CSS Tutorial-php.cn

How to disable printing of a page_CSS/HTML

PHP中文网

Release： 2016-05-16 12:12:09

Original

3284 people have browsed it

How to disable printing of pages_CSS/HTML

Solution:
It is impossible to truly disable printing of pages, but if you can set it up to allow users to print Blank can also be regarded as the purpose of prohibiting printing.
Specific steps:
Code example:

<html>  
<head><title>不可打印的页面</title>  
<style>  
@media print{  
body{display:none}  
}  
</style>  
</head>  
<body>  
文档主要内容  
</body>  
</head>

Copy after login

Note: The CSS defined in the @media print{} rule only takes effect on the page when printed.
Tips: In many forums, a special page is used to print posts. If you can skillfully use the @media print{} rule, you don’t need to create a separate page for printing.
Tips:
@media print{} rules that can be used to print code include all and screen.
Rules similar to @media are shown in Table 2.2.1.

Rule description
@import specifies the imported external style sheet and target media. This rule must be declared first in the style sheet header
@charset to be used in external style sheet files. Specifies the character set used by this style sheet.
@font-face sets the OpenType font embedded in the HTML document (requires IE5+ support)
@media specifies the style sheet rule for the specified media type (requires IE5.5+ support)

Special Tips
Run this example code and then print the web page. The printed result will not include the "main content of the document".

Special Notes

This example mainly uses the @media rule to define the style applied to the page when printing. Print means that the defined CSS is applied to the printer. Similar print media types are also :
all Applied to all types of devices