{"id":185,"date":"2023-07-04T09:20:31","date_gmt":"2023-07-04T01:20:31","guid":{"rendered":"https:\/\/www.hyw.life\/?p=185"},"modified":"2025-10-21T17:02:50","modified_gmt":"2025-10-21T09:02:50","slug":"js%e6%89%93%e5%8d%b0%e9%80%9a%e8%bf%87css%e5%a2%9e%e5%8a%a0%e6%b0%b4%e5%8d%b0","status":"publish","type":"post","link":"https:\/\/www.hyw.life\/?p=185","title":{"rendered":"js\u6253\u5370\u901a\u8fc7CSS\u589e\u52a0\u6c34\u5370"},"content":{"rendered":"\n<span id=\"h2-0\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h2 class=\"wp-block-heading\">\u901a\u8fc7@media print\u8bbe\u7f6e\u6253\u5370\u6837\u5f0f<\/h2>\n\n\n\n<span id=\"h3-1\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h3 class=\"wp-block-heading\">1.\u9875\u9762style<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u6253\u5370\u6837\u5f0f *\/\n        @media print {\n            body::after {\n                content: \"\u6c34\u5370\u6587\u5b57\";\n                opacity: 0.5;\n                position: fixed;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%) rotate(-45deg);\n                font-size: 72px;\n                color: lightgray;\n                pointer-events: none;\n                z-index: 9999;\n            }\n        }<\/code><\/pre>\n\n\n\n<span id=\"h3-2\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h3 class=\"wp-block-heading\">2.\u6837\u5f0f\u5f15\u7528<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link href=\"print.css\" media=\"print\"><\/code><\/pre>\n\n\n\n<span id=\"h3-3\" class=\"heading-anchor\" aria-hidden=\"true\"><\/span><h3 class=\"wp-block-heading\">\u4ee3\u7801\u5b9e\u4f8b<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html>\n&lt;head>\n    &lt;style>\n        \/* \u6253\u5370\u6837\u5f0f *\/\n        @media print {\n            body::after {\n                content: \"\u6c34\u5370\u6587\u5b57\";\n                opacity: 0.5;\n                position: fixed;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%) rotate(-45deg);\n                font-size: 72px;\n                color: lightgray;\n                pointer-events: none;\n                z-index: 9999;\n            }\n            \/*\u8bbe\u7f6e\u6253\u5370\u9875\u9762\u5927\u5c0f - \u6309\u9700\u4f7f\u7528*\/\n            @page {\n                size:  21cm 29.7cm;\n                margin: 0;\n                padding: 0;\n            }\n            \/*\u65e0\u9700\u6253\u5370\u533a\u57df - \u6309\u9700\u4f7f\u7528*\/\n            .noprint {\n                display: none;\n            }\n        }\n    &lt;\/style>\n&lt;\/head>\n&lt;body>\n    &lt;h1>\u8fd9\u662f\u4e00\u4e2a\u6253\u5370\u793a\u4f8b&lt;\/h1>\n    &lt;p>\u8fd9\u662f\u8981\u6253\u5370\u7684\u5185\u5bb9\u3002&lt;\/p>\n\n    &lt;button onclick=\"printPage()\">\u6253\u5370&lt;\/button>\n\n    &lt;script>\n        function printPage() {\n            window.print();\n        }\n    &lt;\/script>\n&lt;\/body>\n&lt;\/html>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u901a\u8fc7@media print\u8bbe\u7f6e\u6253\u5370\u6837\u5f0f 1.\u9875\u9762style 2.\u6837\u5f0f\u5f15\u7528 \u4ee3\u7801\u5b9e\u4f8b<\/p>\n","protected":false},"author":1,"featured_media":482,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[9,10],"class_list":["post-185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qd","tag-css","tag-10"],"_links":{"self":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=185"}],"version-history":[{"count":2,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/posts\/185\/revisions\/188"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=\/wp\/v2\/media\/482"}],"wp:attachment":[{"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hyw.life\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}