{"id":81,"date":"2024-12-01T09:44:51","date_gmt":"2024-12-01T01:44:51","guid":{"rendered":"https:\/\/note.yuncrown.com\/?p=81"},"modified":"2024-12-01T10:00:53","modified_gmt":"2024-12-01T02:00:53","slug":"css%e5%93%8d%e5%ba%94%e5%bc%8f%e5%b8%83%e5%b1%80","status":"publish","type":"post","link":"https:\/\/note.yuncrown.com\/index.php\/2024\/12\/01\/css%e5%93%8d%e5%ba%94%e5%bc%8f%e5%b8%83%e5%b1%80\/","title":{"rendered":"CSS\u54cd\u5e94\u5f0f\u5e03\u5c40"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>\u5a92\u4f53\u67e5\u8be2\u7c7b\u578b\uff08\u6ca1\u6709\u4f18\u5148\u7ea7\uff09<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u53ea\u6709\u5728\u6253\u5370\u673a\u6216\u6253\u5370\u9884\u89c8\u624d\u4f1a\u5e94\u7528\u7684\u6837\u5f0f *\/\n@media print {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}\n\/* \u53ea\u6709\u5728\u5c4f\u5e55\u4e0a\u624d\u4f1a\u5e94\u7528\u7684\u6837\u5f0f *\/\n@media screen {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}\n\/* \u4e00\u76f4\u5e94\u7528\u7684\u6837\u5f0f *\/\n@media all {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5a92\u4f53\u67e5\u8be2\u7279\u6027\uff08\u6ca1\u6709\u4f18\u5148\u7ea7\uff09<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u68c0\u6d4b\u5230\u89c6\u53e3\u5bbd\u5ea6\u7b49\u4e8e800px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (width: 800px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br>\/* \u68c0\u6d4b\u5230\u89c6\u53e3\u5bbd\u5ea6\u5c0f\u4e8e\u7b49\u4e8e700px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (max-width: 700px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br>\/* \u68c0\u6d4b\u5230\u89c6\u53e3\u5bbd\u5ea6\u5927\u4e8e\u7b49\u4e8e900px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (min-width: 900px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br><br>\/* \u68c0\u6d4b\u5230\u89c6\u53e3\u9ad8\u5ea6\u7b49\u4e8e900px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (height: 800px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br>\/* \u68c0\u6d4b\u5230\u89c6\u53e3\u9ad8\u5ea6\u5c0f\u4e8e\u7b49\u4e8e700px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (max-height: 700px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br>\/* \u68c0\u6d4b\u5230\u89c6\u53e3\u9ad8\u5ea6\u5927\u4e8e\u7b49\u4e8e900px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (min-height: 900px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br><br>\/* \u68c0\u6d4b\u5230\u5c4f\u5e55\u5bbd\u5ea6\u7b49\u4e8e1920px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/<br>@media (device-width:1920px) {<br>\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/<br>}<br><br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5a92\u4f53\u67e5\u8be2\u8fd0\u7b97\u7b26\uff08\u6ca1\u6709\u4f18\u5148\u7ea7\uff09<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* \u4e14\u8fd0\u7b97\u7b26\uff0c\u5bbd\u5ea6\u5927\u4e8e\u7b49\u4e8e700px\u4e14\u5c0f\u4e8e\u7b49\u4e8e800px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/\n@media (min-width: 700px) and (max-width: 800px) {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}\n@media screen and (min-width: 700px) and (max-width: 800px) {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}\n\/* \u6216\u8fd0\u7b97\u7b26\uff0c\u5bbd\u5ea6\u5c0f\u4e8e\u7b49\u4e8e700px\u6216\u5927\u4e8e\u7b49\u4e8e800px\u65f6\u4f7f\u7528\u5982\u4e0b\u6837\u5f0f *\/\n@media (max-width: 700px) or (min-width: 800px) {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}\n\/* \u5426\u5b9a\u8fd0\u7b97\u7b26 *\/\n@media not screen {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}\n\/* \u80af\u5b9a\u8fd0\u7b97\u7b26\uff0c\u5904\u7406IE\u517c\u5bb9\u6027\u95ee\u9898\uff0c\u51fa\u73b0only\u5ffd\u7565\u6574\u4e2a\u6837\u5f0f *\/\n@media only screen and (width: 800px) {\n\t\/* \u8fd9\u91cc\u5199\u6b63\u5e38\u6837\u5f0f *\/\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5e38\u7528\u9608\u503c<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>**768\u3001992\u30011200**<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>**\u5f15\u5165\u4e0d\u540c\u8bbe\u5907\u5bbd\u5ea6\u7684css\u6587\u4ef6**<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"stylesheet\" media=\"screen and (min-width: 1200px)\" href=\"\"><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u6587\u4ef6\u5185\u76f4\u63a5\u5199\u6837\u5f0f\u5c31\u884c\uff0c\u4e0d\u9700\u8981\u518d\u5199@media only screen and (min-width: 1200px) {}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5a92\u4f53\u67e5\u8be2\u7c7b\u578b\uff08\u6ca1\u6709\u4f18\u5148\u7ea7\uff09 \u5a92\u4f53\u67e5\u8be2\u7279\u6027\uff08\u6ca1\u6709\u4f18\u5148\u7ea7\uff09 \u5a92\u4f53\u67e5\u8be2\u8fd0\u7b97\u7b26\uff08\u6ca1\u6709\u4f18\u5148\u7ea7\uff09 \u5e38\u7528\u9608\u503c **768\u30019 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[13,11],"class_list":["post-81","post","type-post","status-publish","format-standard","hentry","category-6","tag-css","tag-11"],"_links":{"self":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":2,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/81\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}