{"id":199,"date":"2019-07-04T23:37:00","date_gmt":"2019-07-04T23:37:00","guid":{"rendered":"http:\/\/pro369.com\/sale\/?p=199"},"modified":"2019-07-04T23:37:00","modified_gmt":"2019-07-04T23:37:00","slug":"zen-cart%e8%b3%bc%e7%89%a9%e8%bb%8a%e6%9c%80%e5%a5%bd%e9%87%8d%e6%96%b0css%e7%9a%84font-size%e7%9a%84%e6%8e%a7%e5%88%b6%ef%bc%88em%e8%88%87px%e7%9a%84%e5%b7%ae%e7%95%b0%ef%bc%89%e6%a8%a1%e7%89%88%e4b","status":"publish","type":"post","link":"https:\/\/por.tw\/sale\/zen-cart%e8%b3%bc%e7%89%a9%e8%bb%8a%e6%9c%80%e5%a5%bd%e9%87%8d%e6%96%b0css%e7%9a%84font-size%e7%9a%84%e6%8e%a7%e5%88%b6%ef%bc%88em%e8%88%87px%e7%9a%84%e5%b7%ae%e7%95%b0%ef%bc%89%e6%a8%a1%e7%89%88%e4b\/","title":{"rendered":"Zen Cart\u8cfc\u7269\u8eca\u6700\u597d\u91cd\u65b0CSS\u7684font-size\u7684\u63a7\u5236\uff08em\u8207px\u7684\u5dee\u7570\uff09\u6a21\u7248\u4fee\u6539CSS\u6559\u5b78"},"content":{"rendered":"

Zen Cart\u8cfc\u7269\u8eca\u6700\u597d\u91cd\u65b0CSS\u7684font-size\u7684\u63a7\u5236\uff08em\u8207px\u7684\u5dee\u7570\uff09\u6a21\u7248\u4fee\u6539CSS\u6559\u5b78<\/strong><\/span><\/span><\/p>\n

\u3000\u672c\u6587\u7ae0\u7684\u6a19\u984c\u662f\u300cZen Cart\u8cfc\u7269\u8eca\u9700\u8981\u91cd\u5bebCSS\u300d\uff0c\u6a19\u984c\u6709\u9ede\u5687\u4eba\uff0c\u4f46\u662fZen Cart\u8cfc\u7269\u8eca\u5728\u4f7f\u7528\u4e2d\u6587\u7684\u53f0\u7063\u6216\u4e2d\u570b\u78ba\u5be6\u662f\u7db2\u9801\u8a2d\u8a08\u65b9\u9762\u7684\u4e00\u4e9b\u7f3a\u9677<\/span><\/strong>\u3002
\u5f88\u591a\u4eba\u76f4\u4e5f\u641e\u4e0d\u6e05\u695apx\u8207em\u4e4b\u9593\u7684\u95dc\u4fc2\u548c\u7279\u9ede\uff0c\u770b\u904e\u672c\u6587\u7ae0\u4ee5\u5f8c\u60a8\u78ba\u5be6\u6703\u6536\u7a6b\u5f88\u5927\u3002
\u5e73\u6642\u90fd\u662f\u7528px\u4f86\u5b9a\u7fa9\u5b57\u578b\uff0c\u6240\u4ee5\u7121\u6cd5\u7528\u700f\u89bd\u5668\u5b57\u578b\u62c9\u8fd1\u7684\u529f\u80fd\uff0c\u800c\u570b\u5916\u5927\u591a\u6578\u7db2\u7ad9\u90fd\u53ef\u4ee5\u5728IE\u4e0b\u4f7f\u7528\u3002
\u56e0\u70ba\uff1a
1. IE\u7121\u6cd5\u8abf\u6574\u90a3\u4e9b\u4f7f\u7528px\u4f5c\u70ba\u55ae\u4f4d\u7684\u5b57\u578b\u5927\u5c0f\uff1b
2. \u570b\u5916\u7684\u5927\u90e8\u5206\u7db2\u7ad9\u80fd\u5920\u8abf\u6574\u7684\u539f\u56e0\u5728\u65bc\u5176\u4f7f\u7528\u4e86em\u4f5c\u70ba\u5b57\u578b\u55ae\u4f4d\uff1b
3. Firefox\u80fd\u5920\u8abf\u6574px\u548cem\uff0c\u4f46\u662f96%\u4ee5\u4e0a\u7684\u570b\u5167\u8a2a\u5ba2\u4f7f\u7528IE\u700f\u89bd\u5668(\u6216\u5167\u6838)\u3002
<\/strong>px\u50cf\u7d20\uff08Pixel\uff09\u3002\u76f8\u5c0d\u9577\u5ea6\u55ae\u4f4d\u3002\u50cf\u7d20px\u662f\u76f8\u5c0d\u65bc\u986f\u793a\u5668\u87a2\u5e55\u89e3\u6790\u5ea6\u800c\u8a00\u7684\u3002
em\u662f\u76f8\u5c0d\u9577\u5ea6\u55ae\u4f4d\u3002\u76f8\u5c0d\u65bc\u73fe\u7528\u7684\u7269\u4ef6\u5167\u6587\u5b57\u7684\u5b57\u578b\u5c3a\u5bf8\u3002
\u5982\u73fe\u7528\u7684\u5c0d\u884c\u5167\u6587\u5b57\u7684\u5b57\u578b\u5c3a\u5bf8\u672a\u88ab\u4eba\u70ba\u8a2d\u5b9a\uff0c\u5247\u76f8\u5c0d\u65bc\u700f\u89bd\u5668\u7684\u9810\u8a2d\u5b57\u578b\u5c3a\u5bf8\u3002 <\/span><\/span><\/p>\n

\u4efb\u610f\u700f\u89bd\u5668\u7684\u9810\u8a2d\u5b57\u578b\u9ad8\u90fd\u662f16px\u3002
\u6240\u6709\u672a\u7d93\u8abf\u6574\u7684\u700f\u89bd\u5668\u90fd\u7b26\u5408: 1em=16px\u3002
\u90a3\u9ebc12px=0.75em, 10px=0.625em\u3002<\/span><\/strong>
\u70ba\u4e86\u7c21\u5316font-size\u7684\u63db\u7b97\uff0c\u9700\u8981\u5728css\u4e2d\u7684body\u9078\u53d6\u5668\u4e2d\u8072\u660eFont-size=62.5%\uff0c\u9019\u5c31\u4f7fem\u503c\u8b8a\u70ba16px*62.5%=10px, \u9019\u6a2312px=1.2em, 10px=1em, \u4e5f\u5c31\u662f\u8aaa\u53ea\u9700\u8981\u5c07\u4f60\u7684\u539f\u4f86\u7684px\u6578\u503c\u9664\u4ee510\uff0c\u7136\u5f8c\u63db\u4e0aem\u4f5c\u70ba\u55ae\u4f4d\u5c31\u884c\u4e86\u3002 <\/span><\/span><\/p>\n

em\u6709\u5982\u4e0b\u7279\u9ede\uff1a
<\/span>1. em\u7684\u503c\u4e26\u4e0d\u662f\u56fa\u5b9a\u7684\uff1b
2. em\u6703\u7e7c\u7e8c\u7236\u7d1a\u5143\u7d20\u7684\u5b57\u578b\u5927\u5c0f\u3002<\/span><\/strong>
\u6240\u4ee5\u6211\u5011\u5728\u5bebCSS\u7684\u6642\u5019\uff0c\u9700\u8981\u6ce8\u91cd\uff1a<\/span><\/strong>
<\/span>1. body\u9078\u53d6\u5668\u4e2d\u8072\u660eFont-size=62.5%\uff1b
2. \u5c07\u4f60\u7684\u539f\u4f86\u7684px\u6578\u503c\u9664\u4ee510\uff0c\u7136\u5f8c\u63db\u4e0aem\u4f5c\u70ba\u55ae\u4f4d\uff1b
3. \u91cd\u65b0\u8a08\u7b97\u90a3\u4e9b\u88ab\u62c9\u8fd1\u7684\u5b57\u578b\u7684em\u6578\u503c\u3002\u907f\u514d\u5b57\u578b\u5927\u5c0f\u7684\u91cd\u8907\u8072\u660e\u3002
<\/strong>\u4e5f\u5c31\u662f\u907f\u514d1.2 * 1.2= 1.44\u7684\u73fe\u8c61\u3002
\u6bd4\u5982\u8aaa\u4f60\u5728#content\u4e2d\u8072\u660e\u4e86\u5b57\u578b\u5927\u5c0f\u70ba1.2em\uff0c\u90a3\u9ebc\u5728\u8072\u660ep\u7684\u5b57\u578b\u5927\u5c0f\u6642\u5c31\u53ea\u80fd\u662f1em\uff0c\u800c\u4e0d\u662f1.2em, \u56e0\u70ba\u6b64em\u975e\u5f7cem\uff0c\u5b83\u56e0\u7e7c\u7e8c#content\u7684\u5b57\u578b\u9ad8\u800c\u8b8a\u70ba\u4e861em=12px\u3002 <\/span><\/span><\/p>\n

\u4f46\u662f12px\u6f22\u5b57\u4f8b\u5916\uff0c\u5c31\u662f\u7531\u4ee5\u4e0a\u65b9\u6cd5\u5f97\u5230\u768412px(1.2em)\u5927\u5c0f\u7684\u6f22\u5b57\u5728IE\u4e2d\u4e26\u4e0d\u7b49\u65bc\u76f4\u63a5\u752812px\u5b9a\u7fa9\u7684\u5b57\u578b\u5927\u5c0f\uff0c\u800c\u662f\u7a0d\u5927\u4e00\u9ede\u3002<\/span>
\u9019\u500b\u554f\u984c\u53ea\u9700\u5728body\u9078\u53d6\u5668\u4e2d\u628a62.5%\u63db\u621063%\u5c31\u80fd\u6a19\u6e96\u986f\u793a\u4e86\u3002
<\/span><\/strong>\u539f\u56e0\u53ef\u80fd\u662fIE\u8655\u7406\u6f22\u5b57\u6642\uff0c\u5c0d\u65bc\u6d6e\u9ede\u7684\u53d6\u503c\u7cbe\u78ba\u5ea6\u6709\u9650\u3002
\u6240\u4ee5\u9019\u662f\u4fee\u6539Zen Cart\u8cfc\u7269\u8eca\u4f60\u5982\u679c\u9084\u662f\u6703\u89ba\u5f97\u4e2d\u6587\u5b57\u602a\u602a\u7684\uff0c\u5c31\u5fc5\u9808\u63ee\u6642\u9593\u53bb\u4fee\u6539Zen Cart\u8cfc\u7269\u8eca\u7684CSS
Zen Cart\u8cfc\u7269\u8eca\u7684CSS\u8def\u5f91\u70ba\uff1a
\u4f60\u7684\u8cfc\u7269\u7db2\u7ad9\u76ee\u9304\/includes\/templates\/\u4f60\u5f8c\u53f0\u9078\u7528\u7684\u6a21\u7248\/css\u76ee\u9304
\u88e1\u9762\u6709\u4e94\u500b\u6a94\u6848\uff0c\u5206\u5225\u662f\uff1a<\/span><\/strong>
print_stylesheet.css
schinese_stylesheet.css
style_imagehover.css
stylesheet.css
stylesheet_css_buttons.css
<\/span>\u5176\u4e2d\u6700\u4e3b\u8981\u7684\u662f\uff1astylesheet.css
\u7576\u7136\u60a8\u8981\u7db2\u7ad9\u4e00\u81f4\u6027\uff0c\u5176\u4ed6\u56db\u500bCSS\u4e5f\u4e0d\u80fd\u5ffd\u8996\u4e0d\u4fee\u6539\u3002<\/span>
<\/strong><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Zen Cart\u8cfc\u7269\u8eca\u6700\u597d\u91cd\u65b0CSS\u7684font-size\u7684\u63a7\u5236\uff08em\u8207px\u7684\u5dee\u7570\uff09\u6a21\u7248\u4fee\u6539CSS\u6559\u5b78 \u3000\u672c\u6587\u7ae0 […]<\/p>\n","protected":false},"author":1,"featured_media":597,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[34],"_links":{"self":[{"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/posts\/199"}],"collection":[{"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/comments?post=199"}],"version-history":[{"count":0,"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/posts\/199\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/media\/597"}],"wp:attachment":[{"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/media?parent=199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/categories?post=199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/por.tw\/sale\/wp-json\/wp\/v2\/tags?post=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}