{"id":3965,"date":"2020-05-20T15:41:20","date_gmt":"2020-05-20T07:41:20","guid":{"rendered":"https:\/\/www.baishitou.cn\/?p=3965"},"modified":"2020-05-20T15:42:17","modified_gmt":"2020-05-20T07:42:17","slug":"%e5%9b%be%e7%89%87%e6%a8%aa%e6%8e%92%e8%87%aa%e9%80%82%e5%ba%94%e5%ae%bd%e5%ba%a6css%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.baishitou.cn\/3965.html","title":{"rendered":"\u56fe\u7247\u6a2a\u6392\u81ea\u9002\u5e94\u5bbd\u5ea6\u54cd\u5e94\u5f0fCSS\u4ee3\u7801"},"content":{"rendered":"<p>\u591a\u5f20\u56fe\u7247\u54cd\u5e94\u5f0f\u6c34\u5e73\u6392\u5217\u81ea\u9002\u5e94\u6548\u679cCSS\u4ee3\u7801<\/p>\n<h2>\u5168\u5c4f\u65f6\u7684\u6548\u679c<\/h2>\n<p><a href=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153320.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3966\" src=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153320.jpg\" alt=\"\" width=\"620\" height=\"135\" srcset=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153320.jpg 620w, https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153320-300x65.jpg 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<h2>\u5bbd\u5ea6\u5c0f\u4e8e615\u7684\u6548\u679c<\/h2>\n<p><a href=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153333.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3967\" src=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153333.jpg\" alt=\"\" width=\"475\" height=\"265\" srcset=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153333.jpg 475w, https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153333-300x167.jpg 300w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" \/><\/a><\/p>\n<h2>\u5c4f\u5e55\u5bbd\u5ea6\u5c0f\u4e8e465\u7684\u6548\u679c<\/h2>\n<p><a href=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153348.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3968\" src=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153348.jpg\" alt=\"\" width=\"389\" height=\"333\" srcset=\"https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153348.jpg 389w, https:\/\/www.baishitou.cn\/wp-content\/uploads\/2020\/05\/QQ20200520153348-300x257.jpg 300w\" sizes=\"auto, (max-width: 389px) 100vw, 389px\" \/><\/a><\/p>\n<h2>\u6837\u5f0f\u4ee3\u7801\uff1a<\/h2>\n<pre class=\"pure-highlightjs\"><code class=\"\">.test {\r\n    float: left;\r\n    width: 25%;\r\n    box-sizing: border-box;\r\n    padding: 10px;\r\n    min-width: 150px;\r\n}\r\n.container {\r\n    width: 100%;\r\n}\r\n\r\n@media (max-width:615px ) {\r\n.test {\r\n    float: left;\r\n    width: 33%;\r\n    box-sizing: border-box;\r\n    padding: 10px;\r\n    min-width: 150px;\r\n}\r\n}\r\n\r\n@media (max-width:465px ) {\r\n.test {\r\n    float: left;\r\n    width: 50%;\r\n    box-sizing: border-box;\r\n    padding: 10px;\r\n    min-width: 150px;\r\n}\r\n}\r\n\r\n@media (max-width:315px ) {\r\n.test {\r\n    float: left;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 10px;\r\n}\r\n}<\/code><\/pre>\n<h2>html\u4ee3\u7801<\/h2>\n<pre class=\"pure-highlightjs\"><code class=\"\"> &lt;div class=\"container\"&gt;\r\n           &lt;div class=\"test\" &gt; &lt;img src=\"home_1.png\" style=\"max-width: 100%;\"\/&gt; &lt;\/div&gt;\r\n           &lt;div class=\"test\" &gt; &lt;img src=\"home_2.png\" style=\"max-width: 100%;\"\/&gt; &lt;\/div&gt;\r\n           &lt;div class=\"test\" &gt; &lt;img src=\"home_3.png\" style=\"max-width: 100%;\"\/&gt; &lt;\/div&gt;\r\n           &lt;div class=\"test\" &gt; &lt;img src=\"home_4.png\" style=\"max-width: 100%;\"\/&gt; &lt;\/div&gt;\r\n         &lt;\/div&gt;<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u591a\u5f20\u56fe\u7247\u54cd\u5e94\u5f0f\u6c34\u5e73\u6392\u5217\u81ea\u9002\u5e94\u6548\u679cCSS\u4ee3\u7801 \u5168\u5c4f\u65f6\u7684\u6548\u679c \u5bbd\u5ea6\u5c0f\u4e8e615\u7684\u6548\u679c \u5c4f\u5e55\u5bbd\u5ea6\u5c0f\u4e8e465\u7684\u6548\u679c \u6837\u5f0f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,2],"tags":[720,1252,1253],"class_list":["post-3965","post","type-post","status-publish","format-standard","hentry","category-web","category-wljs","tag-css","tag-1252","tag-1253"],"_links":{"self":[{"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/posts\/3965","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/comments?post=3965"}],"version-history":[{"count":0,"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/posts\/3965\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/media?parent=3965"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/categories?post=3965"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.baishitou.cn\/wp-json\/wp\/v2\/tags?post=3965"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}