{"id":900,"date":"2017-03-11T23:07:14","date_gmt":"2017-03-11T15:07:14","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=900"},"modified":"2017-03-11T23:07:39","modified_gmt":"2017-03-11T15:07:39","slug":"%e7%94%a8js%e6%9d%a5%e6%8e%a7%e5%88%b6div%e7%aa%97%e5%8f%a3%e7%9a%84%e5%ae%bd%e9%ab%98","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=900","title":{"rendered":"\u7528JS\u6765\u63a7\u5236DIV\u7a97\u53e3\u7684\u5bbd\u9ad8"},"content":{"rendered":"<p>\u5728\u4e00\u6b21\u7528JS\u505a\u6ce8\u518c\u9875\u9762\u9a8c\u8bc1\u7684\u65f6\u5019\uff0c\u7a81\u7136\u60f3\u7f8e\u5316\u4e00\u4e0b\u3002\u7136\u540e\u5c31\u5f04\u4e86\u4e00\u5f20\u80cc\u666f\u56fe\u7247\u4f5c\u4e3a\u7f51\u9875\u80cc\u666f\uff0c\u4f46\u662f\u53d1\u73b0\uff0c\u6211\u5728css\u91cc\u9762\u7ed9\u5927DIV\u8bbe\u7f6e\u4e86\u4e00\u4e2aheight\uff1a100%\uff0c\u80cc\u666f\u56fe\u7247\u5c3a\u5bf8\u662fcover\uff0c\u53ef\u662f\u80cc\u666f\u56fe\u7247\u5e76\u6ca1\u6709\u6839\u636e\u6211\u7a97\u53e3\u653e\u5927\u7f29\u5c0f\u53d1\u751f\u6539\u53d8\uff0c\u8fd9\u65f6\u5019\u6211\u5c31\u4e0a\u7f51\u627e\u4e86\u4e0b\uff0c\u7ec8\u4e8e\u77e5\u9053\u4e86\u65b9\u6cd5\uff0c\u53ef\u4ee5\u7528js\u91cc\u9762\u7684document.documentElement.clientWidth\u548cdocument.documentElement.clientHeight\u6765\u63a7\u5236\u80cc\u666fDIV\u7684\u5927\u5c0f\uff0c\u4f7f\u5176\u586b\u6ee1\u6574\u4e2a\u9875\u9762\u3002\u4e0b\u9762\u6211\u5c31\u5199\u4e00\u4e0b\uff0c\u5177\u4f53\u7684\u4f7f\u7528\u65b9\u6cd5\uff08\u52a0\u4e0a\u6ce8\u91ca\uff09<\/p>\n<pre class=\"brush:js;toolbar:false\">window.onresize=function boxheight(){\r\n    var w = document.documentElement.clientWidth ;\/\/\u53ef\u89c1\u533a\u57df\u5bbd\u5ea6  \r\n    var h = document.documentElement.clientHeight;\/\/\u53ef\u89c1\u533a\u57df\u9ad8\u5ea6  \r\n    var bg = document.getElementById('bg');  \r\n    bg.style.width=w+\"px\";  \r\n    bg.style.height=h+\"px\";  \r\n}<\/pre>\n<p>&lt;div\u00a0id=<span class=\"string\">&#8220;bg&#8221;<\/span>\u00a0<span class=\"keyword\">class<\/span>=<span class=\"string\">&#8220;bg&#8221;<\/span>&gt;&lt;\/div&gt;<\/p>\n<p>\u5982\u679c\u518d\u914d\u5408CSS\u6837\u5f0f\u91cc\u9762\u7684in-width\u548cmin-height\u4e00\u8d77\u4f7f\u7528\uff0c\u6548\u679c\u5c31\u66f4\u52a0\u597d\u4e86<\/p>\n<pre class=\"brush:js;toolbar:false\">.bg{  \r\n    min-width:400px;  \r\n    min-height:560px;  \r\n    background:url(..\/img\/green_bg.jpg) no-repeat;  \r\n    background-size: cover;  \r\n    overflow:hidden;  \r\n}<\/pre>\n<p class=\"post-copyright\">\u6b22\u8fce\u5206\u4eab\u672c\u6587\uff0c\u8f6c\u8f7d\u8bf7\u4fdd\u7559\u51fa\u5904\uff1a<a href=\"http:\/\/www.qdabc.cn\">\u524d\u7aefABC<\/a> &raquo; <a href=\"http:\/\/www.qdabc.cn\/?p=900\">\u7528JS\u6765\u63a7\u5236DIV\u7a97\u53e3\u7684\u5bbd\u9ad8<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u5728\u4e00\u6b21\u7528JS\u505a\u6ce8\u518c\u9875\u9762\u9a8c\u8bc1\u7684\u65f6\u5019\uff0c\u7a81\u7136\u60f3\u7f8e\u5316\u4e00\u4e0b\u3002\u7136\u540e\u5c31\u5f04\u4e86\u4e00\u5f20\u80cc\u666f\u56fe\u7247\u4f5c\u4e3a\u7f51\u9875\u80cc\u666f\uff0c\u4f46\u662f\u53d1\u73b0\uff0c\u6211\u5728css\u91cc\u9762\u7ed9\u5927DIV\u8bbe\u7f6e\u4e86\u4e00\u4e2aheight\uff1a100%\uff0c\u80cc\u666f\u56fe\u7247\u5c3a\u5bf8\u662fcover\uff0c\u53ef\u662f\u80cc\u666f\u56fe\u7247\u5e76\u6ca1\u6709\u6839 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/900"}],"collection":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=900"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/900\/revisions"}],"predecessor-version":[{"id":901,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/900\/revisions\/901"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=900"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}