{"id":725,"date":"2017-03-06T13:05:08","date_gmt":"2017-03-06T05:05:08","guid":{"rendered":"http:\/\/www.qdabc.cn\/?p=725"},"modified":"2017-03-06T13:05:08","modified_gmt":"2017-03-06T05:05:08","slug":"%e9%92%88%e5%af%b9%e7%a7%bb%e5%8a%a8%e7%ab%af%e8%ae%be%e7%bd%aerem%e7%9a%84%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"http:\/\/www.qdabc.cn\/?p=725","title":{"rendered":"\u9488\u5bf9\u79fb\u52a8\u7aef\u8bbe\u7f6erem\u7684\u95ee\u9898"},"content":{"rendered":"<p>\u901a\u5e38\u6700\u7b80\u5355\u7684\u8bbe\u7f6erem\u7684\u65b9\u6cd5\u4e3a\uff1abody {font-size:62.5%}\u00a0 \u00a0\u30101rem=10px\u3011<br \/>\n\u4f46\u662f\u8fd9\u79cd\u65b9\u6cd5\u5728\u7528\u4e8e\u5c0f\u4e8e0.8rem\u5b57\u4f53\u7684\u65f6\u5019\u5c31\u4f1a\u8bbe\u7f6e\u4e0d\u4e86<br \/>\n\u6240\u4ee5\u6700\u597d\u7684\u65b9\u6cd5\u8fd8\u662f\u4f7f\u7528JS\u5224\u5b9a<\/p>\n<pre class=\"brush:js;toolbar:false\">\/\/\u539f\u751f\r\n(function () {\r\n\u00a0 \u00a0 var docEl = document.documentElement;\r\n\u00a0 \u00a0 var resize = 'orientationchange' in window ? 'orientationchange' : 'resize';\r\n\u00a0 \u00a0 var setRem = function () {\r\n\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0var screenWidth = docEl.clientWidth || window.screen.width || 360;\r\n\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0\/\/ 750 PSD\u5bbd\u5ea6(\u53ef\u53d8\u7684)\r\n\u00a0 \u00a0\u00a0 \u00a0\u00a0\u00a0docEl.style.fontSize = (100 * screenWidth \/ 750) + 'px';\r\n\u00a0 \u00a0 };\r\n\u00a0 \u00a0 window.addEventListener('resize', setRem, false);\r\n\u00a0 \u00a0 setRem();\r\n})();\/\/ \u7528\u6cd5psd\u91cf\u51fa\u6765\u7684\u50cf\u7d20\u8ddd\u79bb \u9664\u4ee5100\u00a0\u00a0\u6bd4\u5982psd: 100px \u8f6c\u6362\u540e 1rem;\r\n\/\/JQ\r\nfunction resetFontSize(){\r\n\u00a0 \u00a0 $('html').css('font-size', $('body').width()\/7.5);\r\n}\r\nresetFontSize();\r\n$(window).resize(function(){\r\n\u00a0 \u00a0 resetFontSize();\r\n})<\/pre>\n<p>\u200b<\/p>\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=725\">\u9488\u5bf9\u79fb\u52a8\u7aef\u8bbe\u7f6erem\u7684\u95ee\u9898<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>\u901a\u5e38\u6700\u7b80\u5355\u7684\u8bbe\u7f6erem\u7684\u65b9\u6cd5\u4e3a\uff1abody {font-size:62.5%}\u00a0 \u00a0\u30101rem=10px\u3011 \u4f46\u662f\u8fd9\u79cd\u65b9\u6cd5\u5728\u7528\u4e8e\u5c0f\u4e8e0.8rem\u5b57\u4f53\u7684\u65f6\u5019\u5c31\u4f1a\u8bbe\u7f6e\u4e0d\u4e86 \u6240\u4ee5\u6700\u597d\u7684\u65b9\u6cd5\u8fd8\u662f\u4f7f\u7528JS\u5224\u5b9a \/\/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":87,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[92,15],"_links":{"self":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/725"}],"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=725"}],"version-history":[{"count":1,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/725\/revisions"}],"predecessor-version":[{"id":726,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/posts\/725\/revisions\/726"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=\/wp\/v2\/media\/87"}],"wp:attachment":[{"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=725"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.qdabc.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}