{"id":287,"date":"2011-01-11T20:00:00","date_gmt":"2011-01-11T12:00:00","guid":{"rendered":"http:\/\/www.yuewei.net\/287.html"},"modified":"2011-01-11T20:00:00","modified_gmt":"2011-01-11T12:00:00","slug":"%e4%bd%bf%e7%94%a8em%e5%92%8c%e5%85%b3%e9%94%ae%e5%ad%97%e8%ae%be%e5%ae%9a%e9%a1%b5%e9%9d%a2%e6%96%87%e5%ad%97%e5%a4%a7%e5%b0%8f","status":"publish","type":"post","link":"http:\/\/feeng.com\/blog\/287.html","title":{"rendered":"\u4f7f\u7528em\u548c\u5173\u952e\u5b57\u8bbe\u5b9a\u9875\u9762\u6587\u5b57\u5927\u5c0f"},"content":{"rendered":"

\u5173\u4e8e\u9875\u9762\u6587\u5b57\u7684\u5927\u5c0f\u63a7\u5236\uff0c\u5373font-size\u5c5e\u6027\uff0c\u5e38\u89c1\u7684\u65b9\u6cd5\u662f\u4f7f\u7528\u50cf\u7d20\u5355\u4f4dpx\u8fdb\u884c\u63a7\u5236\uff0c\u4f8b\u5982font-size:12px\u3002\u4f46\u8fd9\u6837\u7684\u7f6e\u540e\uff0c\u5bf9\u4e8e\u4e3b\u6d41\u7684IE\u7528\u6237\u5c31\u4e0d\u80fd\u4efb\u610f\u6539\u53d8\u5b57\u4f53\u5927\u5c0f\u4e86\u3002\u8fd9\u91cc\u8bf4\u7684\u6539\u53d8\u5b57\u4f53\u5927\u5c0f\u4e0d\u662f\u6307 “ctrl +\/-“\u6216\u8005”ctrl  \u6eda\u8f6e”\u6765\u63a7\u5236\u9875\u9762\u7684\u5927\u5c0f\uff0c\u800c\u662f\u5728IE\u4e0b\u7684\u201c\u9875\u9762-\u6587\u5b57\u5927\u5c0f\u201d\u4e2d\u7684\u201c\u6700\u5927(G)-\u8f83\u5927(L)-\u4e2d(M)-\u8f83\u5c0f(S)-\u5c0f(A)\u201d\u4e94\u4e2a\u5c42\u6b21\u6765\u63a7\u5236\u6587\u5b57\u7684\u5927\u5c0f\u3002 <\/p>\n

\u5176\u5b9eCSS\u4e2d\u5b57\u4f53\u5927\u5c0f\u7684\u8bbe\u7f6e\u8fd8\u6709\u51e0\u79cd\u65b9\u6cd5\uff1a\u4f7f\u7528em\uff08\u76f8\u5bf9\u4e8e\u7236\u5143\u7d20\u7684\u5b57\u4f53\u5927\u5c0f\uff0c\u662f\u4e2a\u76f8\u5bf9\u5355\u4f4d\uff09\uff1b\u4f7f\u7528\u201c\u5173\u952e\u5b57\u201d\u548c\u767e\u5206\u6bd4\u3002\u672c\u6587\u662f\u770b\u5230\u4e07\u6208\u7ae5\u978b\u90a3\u7bc7\u300acss\u4e2dfont\u4e2dpx\u4e0eem\u7684\u533a\u522b<\/a>\u300b\u540e\u7a81\u53d1\u611f\u60f3\u6574\u7406\u7684\uff0c\u4f60\u53ef\u4ee5\u53bb\u4e07\u6208\u90a3\u56f4\u89c2\u751f\u52a8\u6d3b\u6cfc\u7248\u7684\u3002 <\/p>\n

  <\/p>\n

1.\u4f7f\u7528em<\/h3>\n<\/p>\n

\u5148\u4ecb\u7ecd\u4e0bem\uff1aem\u662f\u4e00\u4e2a\u53ef\u53d8\u7684\u957f\u5ea6\u5355\u4f4d\uff0c1\u4e2aem\u7684\u957f\u5ea6\u5c31\u662f\u4e00\u4e2a\u5b57\u578b\u7684\u957f\u5ea6\u3002\u57286\u9488\u5b57\u578b\u4e2d\uff0cem\u5c31\u662f6\u4e2a\u70b9\u7684\u957f\u5ea6\uff0c12\u9488\u5b57\u578b\u4e2d\uff0cem\u5c31\u662f12\u4e2a\u70b9\u7684\u957f\u5ea6\uff0c\u4ee5\u6b64\u7c7b\u63a8\u3002\u56e0\u6b64\uff0c\u5728\u4efb\u4f55\u5c3a\u5bf8\u4e0bem\u90fd\u662f\u7b49\u6bd4\u4f8b\u7684\u3002\u8fd9\u70b9\u662fpx\u505a\u4e0d\u5230\u7684\u3002\u5982\u679c\u5f53\u524d\u5b57\u4f53\u5927\u5c0f\u7684\u9ed8\u8ba4\u8bbe\u7f6e\uff08\u5927\u591a\u6570\u6d4f\u89c8\u5668\uff09\u662f16px\uff0c\u90a3\u4e481em\u5c31\u662f16px\uff1b\u5982\u679c\u9ed8\u8ba4\u8bbe\u7f6e\u662f11px\uff0c\u90a3\u4e481em\u5c31\u662f11px\u3002\u4f7f\u7528em\u540e\uff0c\u8c03\u6574\u6587\u5b57\u5927\u5c0f\uff0c\u4f1a\u6309\u6bd4\u4f8b\u8c03\u6574\u3002 <\/p>\n

\u4f60\u53ef\u4ee5\u5c06<body>\u4e2d\u7684\u57fa\u51c6\u5b57\u4f53\u5927\u5c0f\u8bbe\u7f6e\u4e3a62.5%\uff0c\u8fd9\u65f6\u5b57\u4f53\u5927\u5c0f\u5c31\u662f\u9ed8\u8ba416px\u4e0b\u768410px\u4e86\uff0c\u65b9\u4fbf\u8ba1\u7b97\u54e6\u3002\u4f8b\u5982\uff1a <\/p>\n

body{font-size:62.5%;}   \/*\u8bbe\u7f6e\u57fa\u51c6*\/<\/font> <\/p>\n

h1{font-size:2em;}   \/*20px*\/<\/font> <\/p>\n

h2{font-size:1.8em;}   \/*18px*\/<\/font> <\/p>\n

p{font-size:1.2em;}   \/*12px*\/<\/font> <\/p>\n

#sidebar{font-size:1em;}   \/*10px*\/<\/font> <\/p>\n

2.\u4f7f\u7528\u5173\u952e\u5b57\u548c\u767e\u5206\u6bd4<\/h3>\n<\/p>\n

css\u4e2d\u8868\u793a\u5b57\u4f53\u201c\u7edd\u5bf9\u5927\u5c0f\u201d\u7684\u5173\u952e\u5b57\u5171\u6709\u4e03\u4e2a\uff1axx-small\/x-small\/small\/mediam\/large\/x-large\/xx-large\uff0c\u4e24\u4e2a\u76f8\u90bb\u5173\u952e\u5b57\u4e4b\u95f4\u7684\u6bd4\u4f8b\u662f1.5.\u7531\u4e8e\u5e73\u53f0\u6216\u8005\u6d4f\u89c8\u5668\u4e0d\u540c\uff0c\u4f7f\u7528\u5173\u952e\u5b57\u63a7\u5236\u5b57\u4f53\u5927\u5c0f\u53ef\u80fd\u4f1a\u6709\u7ec6\u5fae\u7684\u5dee\u522b\u3002\u4f8b\u5982\uff1a <\/p>\n

body{font-size:small;}   \/*\u8bbe\u7f6e\u57fa\u51c6-\u8fd9\u65f6\u5b57\u4f53\u5927\u5c0f\u548c12px\u5dee\u4e0d\u591a*\/<\/font> <\/p>\n

h1{font-size:150%;}   <\/font> <\/p>\n

h2{font-size:130%;}   <\/font> <\/p>\n

p{font-size:100%;}   <\/font> <\/p>\n

#sidebar{font-size:85%;}   <\/font> <\/p>\n

\u548cem\u4e00\u6837\uff0c\u5173\u952e\u5b57\u662f\u5efa\u7acb\u5728\u7528\u6237\u9ed8\u8ba4\u5b57\u4f53\u7684\u57fa\u7840\u4e0a\uff0c\u800c\u6bd4em\u65b9\u4fbf\u7684\u662f\uff0c\u5173\u952e\u5b57\u503c\u4e0d\u4f1a\u4f4e\u4e8e\u9002\u5f53\u5206\u8fa8\u7387\u7684\u6700\u4f4e\u503c\u3002\u5982\u679c\u7528\u6237\u7684\u9ed8\u8ba4\u503c\u662f10px\uff0c\u90a3\u4e48x-small\u5c06\u662f9px\uff0cxx-small\u4e5f\u5c06\u662f9px\u3002 <\/p>\n

\u5f53\u7136\uff0c\u5982\u679c\u4f60\u8981\u51c6\u786e\u63a7\u5236\u6587\u5b57\u5927\u5c0f\uff0cpx\u8fd8\u662f\u6700\u53ef\u9760\u7684\u5355\u4f4d\uff0c\u907f\u514d\u4e86\u8111\u888b\u53d1\u70ed\u7684\u8ba1\u7b97\u9519\u8bef\u548c\u5957\u5d4c\u767e\u5206\u6bd4\u503c\u5e26\u6765\u7684\u98ce\u9669\u3002\u5176\u5b9e\u4f7f\u7528\u5b57\u4f53\u5927\u5c0f\u5207\u6362<\/a>\u7684\u65b9\u6cd5\u4e5f\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff08\u4e07\u6208\u7ae5\u978b\u90fd\u7ed9\u54b1\u51c6\u5907\u597d\u4e86\uff09\u3002\u81f3\u4e8e\u4f7f\u7528\u54ea\u79cd\u65b9\u5f0f\u8fd8\u662f\u5374\u7edd\u4e8e\u4e2a\u4eba\u559c\u597d\u5427\u3002 <\/p>\n

\u53c2\u8003\u8d44\u6599\uff1a\u300a\u65e0\u61c8\u53ef\u51fb\u7684WEB\u8bbe\u8ba1\uff08\u7b2c\u4e8c\u7248\uff09\u300b\uff0c\u300a\u7f51\u7ad9\u91cd\u6784-\u5e94\u7528WEB\u6807\u51c6\u8fdb\u884c\u8bbe\u8ba1\uff08\u7b2c\u4e8c\u7248\uff09\u300b\uff0c\u300aCSS\u7985\u610f\u82b1\u56ed\u300b\u3002<\/font><\/p>\n","protected":false},"excerpt":{"rendered":"

\u5173\u4e8e\u9875\u9762\u6587\u5b57\u7684\u5927\u5c0f\u63a7\u5236\uff0c\u5373font-size\u5c5e\u6027\uff0c\u5e38\u89c1\u7684\u65b9\u6cd5\u662f\u4f7f\u7528\u50cf\u7d20\u5355\u4f4dpx\u8fdb\u884c\u63a7\u5236\uff0c\u4f8b\u5982font-size:12px\u3002\u4f46\u8fd9\u6837\u7684\u7f6e\u540e\uff0c\u5bf9\u4e8e\u4e3b\u6d41\u7684IE… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[18],"_links":{"self":[{"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/posts\/287"}],"collection":[{"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/comments?post=287"}],"version-history":[{"count":0,"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/posts\/287\/revisions"}],"wp:attachment":[{"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/media?parent=287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/categories?post=287"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/feeng.com\/blog\/wp-json\/wp\/v2\/tags?post=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}