{"id":638,"date":"2021-07-09T10:14:03","date_gmt":"2021-07-09T02:14:03","guid":{"rendered":"https:\/\/blog.viter.top\/?p=638"},"modified":"2021-07-09T10:25:48","modified_gmt":"2021-07-09T02:25:48","slug":"%e6%b5%8f%e8%a7%88%e5%99%a8%e5%92%8c%e5%b1%8f%e5%b9%95%e5%90%84%e7%a7%8d%e9%ab%98%e5%ba%a6%e5%ae%bd%e5%ba%a6","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2021\/07\/09\/%e6%b5%8f%e8%a7%88%e5%99%a8%e5%92%8c%e5%b1%8f%e5%b9%95%e5%90%84%e7%a7%8d%e9%ab%98%e5%ba%a6%e5%ae%bd%e5%ba%a6\/","title":{"rendered":"\u6d4f\u89c8\u5668\u548c\u5c4f\u5e55\u5404\u79cd\u9ad8\u5ea6\u5bbd\u5ea6"},"content":{"rendered":"\n<p>\u539f\u751fJS<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>document.body.clientWidth; \/\/\u7f51\u9875\u53ef\u89c1\u533a\u57df\u5bbd(body) \n\ndocument.body.clientHeight; \/\/\u7f51\u9875\u53ef\u89c1\u533a\u57df\u9ad8(body) \n\ndocument.body.offsetWidth; \/\/\u7f51\u9875\u53ef\u89c1\u533a\u57df\u5bbd(body)\uff0c\u5305\u62ecborder\u3001margin\u7b49 \n\ndocument.body.offsetHeight; \/\/\u7f51\u9875\u53ef\u89c1\u533a\u57df\u5bbd(body)\uff0c\u5305\u62ecborder\u3001margin\u7b49 \n\ndocument.body.scrollWidth; \/\/\u7f51\u9875\u6b63\u6587\u5168\u6587\u5bbd\uff0c\u5305\u62ec\u6709\u6eda\u52a8\u6761\u65f6\u7684\u672a\u89c1\u533a\u57df \n\ndocument.body.scrollHeight; \/\/\u7f51\u9875\u6b63\u6587\u5168\u6587\u9ad8\uff0c\u5305\u62ec\u6709\u6eda\u52a8\u6761\u65f6\u7684\u672a\u89c1\u533a\u57df \n\ndocument.body.scrollTop; \/\/\u7f51\u9875\u88ab\u5377\u53bb\u7684Top(\u6eda\u52a8\u6761) \n\ndocument.body.scrollLeft; \/\/\u7f51\u9875\u88ab\u5377\u53bb\u7684Left(\u6eda\u52a8\u6761) \n\nwindow.screenTop; \/\/\u6d4f\u89c8\u5668\u8ddd\u79bbTop \n\nwindow.screenLeft; \/\/\u6d4f\u89c8\u5668\u8ddd\u79bbLeft \n\nwindow.screen.height; \/\/\u5c4f\u5e55\u5206\u8fa8\u7387\u7684\u9ad8 \n\nwindow.screen.width; \/\/\u5c4f\u5e55\u5206\u8fa8\u7387\u7684\u5bbd \n\nwindow.screen.availHeight; \/\/\u5c4f\u5e55\u53ef\u7528\u5de5\u4f5c\u533a\u7684\u9ad8 \n\nwindow.screen.availWidth; \/\/\u5c4f\u5e55\u53ef\u7528\u5de5\u4f5c\u533a\u7684\u5bbd<\/code><\/pre>\n\n\n\n<p>Jquery<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$(window).height(); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u53ef\u89c6\u533a\u57df\u9ad8\u5ea6 \n\n$(document).height(); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u6587\u6863\u7684\u9ad8\u5ea6 \n\n$(document.body).height(); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u6587\u6863body\u7684\u9ad8\u5ea6 \n\n$(document.body).outerHeight(true); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u6587\u6863body\u7684\u603b\u9ad8\u5ea6 \u5305\u62ecborder padding margin \n\n$(window).width(); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u53ef\u89c6\u533a\u57df\u5bbd\u5ea6 \n\n$(document).width(); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u6587\u6863\u5bf9\u8c61\u5bbd\u5ea6 \n\n$(document.body).width(); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u6587\u6863body\u7684\u5bbd\u5ea6 \n\n$(document.body).outerWidth(true); \/\/\u6d4f\u89c8\u5668\u5f53\u524d\u7a97\u53e3\u6587\u6863body\u7684\u603b\u5bbd\u5ea6 \u5305\u62ecborder padding margin<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>PC\u7aef  \u6309\u5c4f\u5e55\u5bbd\u5ea6\u5927\u5c0f\u6392\u5e8f   \u5206\u8fa8\u7387 \u6bd4\u4f8b | \u8bbe\u5907\u5c3a\u5bf8<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>1024*500 \uff088.9\u5bf8\uff09 \n\n1024*768 \uff08\u6bd4\u4f8b4\uff1a3 | 10.4\u5bf8\u300112.1\u5bf8\u300114.1\u5bf8\u300115\u5bf8; \uff09 \n\n1280*800\uff0816\uff1a10 |15.4\u5bf8\uff09 \n\n1280*1024(\u6bd4\u4f8b\uff1a5\uff1a4 | 14.1\u5bf8\u300115.0\u5bf8) \n\n1280*854(\u6bd4\u4f8b\uff1a15\uff1a10 | 15.2\uff09 \n\n1366*768 (\u6bd4\u4f8b\uff1a16\uff1a9 | \u4e0d\u5e38\u89c1\uff09 \n\n1440*900 \uff0816\uff1a10 17\u5bf8 \u4ec5\u82f9\u679c\u7528\uff09 \n\n1440*1050\uff08\u6bd4\u4f8b\uff1a5\uff1a4 | 14.1\u5bf8\u300115.0\u5bf8\uff09 \n\n1600*1024\uff0814\uff1a9 \u4e0d\u5e38\u89c1\uff09 \n\n1600*1200 \uff084\uff1a3 | 15\u300116.1\uff09 \n\n1680*1050\uff0816\uff1a10 | 15.4\u5bf8\u300120.0\u5bf8\uff09 \n\n1920*1200 (23\u5bf8\uff09<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>PC\u7aef\u54cd\u5e94\u5f0f\u5a92\u4f53\u65ad\u70b9<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media (min-width: 1024px){\n    body{font-size: 18px} \/*&gt;=1024\u7684\u8bbe\u5907*\/\n} \n\n@media (min-width: 1100px) {\n    body{font-size: 20px} \/*&gt;=1100\u7684\u8bbe\u5907*\/\n} \n@media (min-width: 1280px) {\n    body{font-size: 22px;} \/*&gt;=1280\u7684\u8bbe\u5907*\/\n} \n\n@media (min-width: 1366px) {\n    body{font-size: 24px;}\n}  \n\n@media (min-width: 1440px) {\n    body{font-size: 25px;}\n} \n\n@media (min-width: 1680px) {\n    body{font-size: 28px;}\n} \n@media (min-width: 1920px) {\n    body{font-size: 33px;}\n} <\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u539f\u751fJS Jquery PC\u7aef \u6309\u5c4f\u5e55\u5bbd\u5ea6\u5927\u5c0f\u6392\u5e8f \u5206\u8fa8\u7387 \u6bd4\u4f8b | \u8bbe\u5907\u5c3a\u5bf8 PC\u7aef\u54cd\u5e94\u5f0f\u5a92\u4f53\u65ad\u70b9<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[4],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/638"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=638"}],"version-history":[{"count":2,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"predecessor-version":[{"id":641,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/638\/revisions\/641"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}