css \u5a92\u4f53\u67e5\u8be2<\/p>\n
CSS3 Media Queries \u5b9e\u73b0\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u3002\u5176\u5b9e\u5c31\u662f\u6839\u672c\u5c4f\u5e55\u7684\u5bbd\u5ea6\u4e0d\u540c\u52a0\u8f7d\u4e0d\u540c\u7684\u6837\u5f0f\uff0c\u4e5f\u53ef\u4ee5\u9488\u5bf9\u4e0d\u540c\u7684\u533a\u57df\u5982\u679c\u6539\u53d8\u5c4f\u5e55\u5bbd\u5ea6\uff0c\u4e5f\u52a0\u8f7d\u4e0d\u540c\u6837\u5f0f\u3002<\/p>\n
Max Width<\/p>\n
\u4e0b\u9762\u7684\u6837\u5f0f\u4f1a\u5728\u53ef\u89c6\u533a\u57df\u7684\u5bbd\u5ea6\u5c0f\u4e8e 600px \u7684\u65f6\u5019\u88ab\u5e94\u7528\u3002<\/p>\n
[code]@media screen and (max-width: 600px) {
\n.class {
\nbackground: #ccc;
\n}
\n}[\/code]<\/p>\n
\u5982\u679c\u4f60\u60f3\u94fe\u63a5\u5230\u4e00\u4e2a\u5355\u72ec\u7684\u6837\u5f0f\u8868\uff0c\u628a\u4e0b\u9762\u7684\u4ee3\u7801\u653e\u5728<head>\u6807\u7b7e\u91cc\u3002<\/p>\n
[code]<link rel=”stylesheet” media=”screen and (max-width: 600px)” href=”small.css” \/>[\/code]<\/p>\n
Min Width<\/p>\n
\u4e0b\u9762\u7684\u6837\u5f0f\u4f1a\u5728\u53ef\u89c6\u533a\u57df\u7684\u5bbd\u5ea6\u5927\u4e8e 900px \u7684\u65f6\u5019\u88ab\u5e94\u7528\u3002<\/p>\n
[code]@media screen and (min-width: 900px) {
\n.class {
\nbackground: #666;
\n}
\n}[\/code]<\/p>\n
Multiple Media Queries<\/p>\n
\u4f60\u8fd8\u53ef\u4ee5\u4f7f\u7528\u8fc7\u4e2a\u5339\u914d\u6761\u4ef6\uff0c\u4e0b\u9762\u7684\u6837\u5f0f\u4f1a\u5728\u53ef\u89c6\u533a\u57df\u7684\u5bbd\u5ea6\u5728 600px \u548c 900px \u4e4b\u95f4\u7684\u65f6\u5019\u88ab\u5e94\u7528\u3002<\/p>\n
[code]@media screen and (min-width: 600px) and (max-width: 900px) {
\n.class {
\nbackground: #333;
\n}
\n}[\/code]<\/p>\n
\u53ef\u4ee5\u53c2\u8003\u4ee5\u4e0b\u7684\u6587\u7ae0\u6765\u6e90\uff1ahttp:\/\/www.cnblogs.com\/lhb25\/archive\/2012\/12\/04\/css3-media-queries.html<\/a> css \u5a92\u4f53\u67e5\u8be2 CSS3 Media Queries \u5b9e\u73b0\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u3002\u5176\u5b9e\u5c31\u662f\u6839\u672c\u5c4f\u5e55\u7684\u5bbd\u5ea6\u4e0d\u540c\u52a0\u8f7d\u4e0d\u540c\u7684\u6837 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,11],"tags":[],"class_list":["post-2595","post","type-post","status-publish","format-standard","hentry","category-css","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2595"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2595\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\u6d4b\u8bd51<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"