ページ_CSS/HTMLの印刷を無効にする方法-CSSチュートリアル-php.cn

ページ_CSS/HTMLの印刷を無効にする方法

PHP中文网

リリース： 2016-05-16 12:12:09

オリジナル

3285 人が閲覧しました

ページの印刷を無効にする方法_CSS/HTML

解決策:
ページの印刷を完全に無効にすることは不可能ですが、ユーザーが印刷できるように設定できれば可能です。空白は印刷を禁止する目的とも言えます。
具体的な手順:
コード例:

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

ログイン後にコピー

注: @media print{} ルールで定義された CSS は、印刷時にページでのみ有効になります。
ヒント: 多くのフォーラムでは、投稿の印刷に特別なページが使用されます。@media print{} ルールをうまく使用できれば、印刷用に別のページを作成する必要はありません。
ヒント: コードの印刷に使用できる
@media print{} ルールには、all と screen が含まれます。
@media と同様のルールを表 2.2.1 に示します。

ルールの説明
@import は、インポートされる外部スタイルシートとターゲットメディアを指定します。このルールを外部スタイルシートファイルで使用するには、スタイルシートヘッダー
@charset で最初に宣言する必要があります。このスタイルシートで使用される文字セットを指定します。
@font-face は、HTML ドキュメントに埋め込まれた OpenType フォントを設定します (IE5 以降のサポートが必要です)
@media は、指定されたメディアタイプのスタイルシートルールを指定します (IE5.5 以降のサポートが必要です)

特別なヒント
このサンプルコードを実行して Web ページを印刷すると、印刷結果には「ドキュメントのメインコンテンツ」は含まれません。

特記事項

この例では主に @media ルールを使用して、印刷時にページに適用されるスタイルを定義します。これは、定義された CSS がプリンターに適用されることを意味します。また、:
all すべてのタイプのデバイスに適用されます