{"id":828,"date":"2015-01-28T18:52:23","date_gmt":"2015-01-28T09:52:23","guid":{"rendered":"http:\/\/blog.moramcnt.com\/?p=828"},"modified":"2015-01-29T09:00:31","modified_gmt":"2015-01-29T00:00:31","slug":"css3-media-query","status":"publish","type":"post","link":"http:\/\/blog.moramcnt.com\/?p=828","title":{"rendered":"CSS3 @media Query IE9\uc774\ud558 \uc801\uc6a9\ubc29\ubc95"},"content":{"rendered":"<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\ubbf8\ub514\uc5b4 \ucffc\ub9ac\ub97c \uc0ac\uc6a9\ud560\ub54c\u00a0<\/span><\/p>\n<p><span style=\"color: #008080; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&lt;<\/span><span style=\"color: #3f7f7f; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">link<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">\u00a0<\/span><span style=\"color: #7f007f; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">rel<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">=<\/span><span style=\"color: #2a00ff; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&#8220;stylesheet&#8221;<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">\u00a0<\/span><span style=\"color: #7f007f; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">href<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">=<\/span><span style=\"color: #2a00ff; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&#8220;<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: underline; background-color: #e8f2fe;\">..\/css\/sampleFile.css<\/span><span style=\"color: #2a00ff; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&#8221;\u00a0<\/span><span style=\"color: #008080; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">\/&gt;<\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\uc704\uc640\uac19\uc740 css\ub9cc \uc801\uc6a9\ud558\uba74 <\/span><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\ub41c\ub2e4.<\/span><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 10pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">(\ubbf8\ub514\uc5b4\ucffc\ub9ac \ud15c\ud50c\ub9bf\uc740 \uc54c\uace0 \uc788\ub2e4\uace0 \uac00\uc815\ud558\uc5d0)<\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\u00a0 \u00a0\u00a0<\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\uadf8\ub7ec\ub098 IE9\uc774\ud558\uc758 \ubc84\uc804\uc5d0\uc11c\ub294 CSS3\uc758 \ubbf8\ub514\uc5b4\ucffc\ub9ac \ubb38\ubc95\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc544 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\ub2e4.<\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">IE9\uc774\ud558\ubc84\uc804\uc5d0\uc11c\ub3c4 \ubbf8\ub514\uc5b4\ucffc\ub9ac\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294<\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\u00a0 \u00a0 \u00a0 \u00a0<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #ccffff;\">&lt;!&#8211;[if lt IE 9]&gt;<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/p>\n<p><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #ccffff;\">&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #ccffff;\">https:\/\/css3-mediaqueries-js.googlecode.com\/svn\/trunk\/css3-mediaqueries.js<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #ccffff;\">&#8220;&gt;&lt;\/script&gt;<\/span><\/p>\n<p><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\u00a0\u00a0\u00a0\u00a0<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 11pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #ccffff;\">&lt;![endif]&#8211;&gt;<\/span><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\u00a0\u00a0\u00a0\u00a0<\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\u00a0 \u00a0 \u00a0\u00a0<\/span><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\uc704\uc758 \ubb38\uc7a5\uc744 <\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\"><span style=\"color: #008080; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&lt;<\/span><span style=\"color: #3f7f7f; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">link<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">\u00a0<\/span><span style=\"color: #7f007f; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">rel<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">=<\/span><span style=\"color: #2a00ff; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&#8220;stylesheet&#8221;<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">\u00a0<\/span><span style=\"color: #7f007f; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">href<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">=<\/span><span style=\"color: #2a00ff; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&#8220;<\/span><span style=\"color: #000000; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: underline; background-color: #e8f2fe;\">..\/css\/sampleFile.css<\/span><span style=\"color: #2a00ff; font-family: 'Consolas'; font-size: 12pt; font-style: italic; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">&#8221;\u00a0<\/span><span style=\"color: #008080; font-family: 'Consolas'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: #e8f2fe;\">\/&gt;<\/span><\/span><\/p>\n<p><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\uc2a4\ud06c\ub9bd\ud2b8 <\/span><span style=\"color: #000000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: bold; text-decoration: none; background-color: transparent;\">\ub2e4\uc74c\uc5d0 \uc785\ub825\ud558\uba74 9\uc774\ud558 \ubc84\uc804\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4.<\/span><\/p>\n<p><span style=\"color: #ff0000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">(\uc18c\uc2a4\ucf54\ub4dc\uac00 \uc0c1\ub2e8\ubd80\ud130 \ucc98\ub9ac\uac00 \ub418\uc5b4 css\ud30c\uc77c \uba3c\uc800 \uc120\uc5b8\ub418\uace0, \uadf8\u00a0\ud6c4 IE9\uc774\ud558 \uc9c0\uc6d0 \uc2a4\ud06c\ub9bd\ud2b8\ub97c \uc801\uc6a9\ud574\uc57c \uc815\uc0c1\uc801\uc73c\ub85c \ub3d9\uc791\ud55c\ub2e4. <\/span><\/p>\n<p><span style=\"color: #ff0000; font-family: '\uad74\ub9bc'; font-size: 12pt; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent;\">\uadf8 \ubc18\ub300\ub85c \ud558\uba74 \uc815\uc0c1\uc801\uc73c\ub85c \uc2e4\ud589\ub418\uc9c0 \uc54a\uc74c.)<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ubbf8\ub514\uc5b4 \ucffc\ub9ac\ub97c \uc0ac\uc6a9\ud560\ub54c\u00a0 &lt;link\u00a0rel=&#8220;stylesheet&#8221;\u00a0href=&#8220;..\/css\/sampleFile.css&#8221;\u00a0\/&gt; \uc704\uc640\uac19\uc740 css\ub9cc \uc801\uc6a9\ud558\uba74 \ub41c\ub2e4.(\ubbf8\ub514\uc5b4\ucffc\ub9ac \ud15c\ud50c\ub9bf\uc740 \uc54c\uace0 \uc788\ub2e4\uace0 \uac00\uc815\ud558\uc5d0) \u00a0 \u00a0\u00a0 \uadf8\ub7ec\ub098 IE9\uc774\ud558\uc758 \ubc84\uc804\uc5d0\uc11c\ub294 CSS3\uc758 \ubbf8\ub514\uc5b4\ucffc\ub9ac \ubb38\ubc95\uc744 \uc9c0\uc6d0\ud558\uc9c0 \uc54a\uc544 \uc0ac\uc6a9\ud560 \uc218 \uc5c6\ub2e4. IE9\uc774\ud558\ubc84\uc804\uc5d0\uc11c\ub3c4 \ubbf8\ub514\uc5b4\ucffc\ub9ac\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \u00a0 \u00a0 \u00a0 \u00a0&lt;!&#8211;[if lt IE 9]&gt;\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 &lt;script type=&#8221;text\/javascript&#8221; src=&#8221;https:\/\/css3-mediaqueries-js.googlecode.com\/svn\/trunk\/css3-mediaqueries.js&#8220;&gt;&lt;\/script&gt; \u00a0\u00a0\u00a0\u00a0&lt;![endif]&#8211;&gt;\u00a0\u00a0\u00a0\u00a0 \u00a0 \u00a0 \u00a0\u00a0\uc704\uc758 \ubb38\uc7a5\uc744 &lt;link\u00a0rel=&#8220;stylesheet&#8221;\u00a0href=&#8220;..\/css\/sampleFile.css&#8221;\u00a0\/&gt; \uc2a4\ud06c\ub9bd\ud2b8 \ub2e4\uc74c\uc5d0 \uc785\ub825\ud558\uba74 9\uc774\ud558 \ubc84\uc804\uc5d0\uc11c\ub3c4 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub2e4. (\uc18c\uc2a4\ucf54\ub4dc\uac00 \uc0c1\ub2e8\ubd80\ud130 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[145,144,4],"tags":[],"class_list":["post-828","post","type-post","status-publish","format-standard","hentry","category-css","category-html","category-4"],"_links":{"self":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=828"}],"version-history":[{"count":6,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/828\/revisions"}],"predecessor-version":[{"id":834,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=\/wp\/v2\/posts\/828\/revisions\/834"}],"wp:attachment":[{"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=828"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.moramcnt.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}