{"id":5954,"date":"2024-04-14T12:51:06","date_gmt":"2024-04-14T04:51:06","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5954"},"modified":"2024-04-15T23:29:00","modified_gmt":"2024-04-15T15:29:00","slug":"css-sizing-with-width-and-height","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/zh\/css-sizing-with-width-and-height\/","title":{"rendered":"CSS \u8abf\u6574\u5bec\u5ea6\u548c\u9ad8\u5ea6"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\u5728\u958b\u767c\u97ff\u61c9\u5f0f\u7db2\u9801\u8a2d\u8a08\u6642\uff0c\u5bec\u5ea6\u548c\u9ad8\u5ea6\u7b49\u5c3a\u5bf8\u662f\u6839\u64da\u5176\u4e2d\u7684\u5167\u5bb9\u78ba\u5b9a\u7684\u3002\u4f46\u662f\uff0c\u53ef\u4ee5\u4f7f\u7528\u5404\u7a2e\u55ae\u4f4d\u66f4\u7cbe\u78ba\u5730\u5b9a\u7fa9\u9019\u4e9b\u5c6c\u6027\uff0c\u4f8b\u5982\u50cf\u7d20(px)\u3001\u767e\u5206\u6bd4(%)\u3001em\u3001rems\u3001\u8996\u53e3\u5bec\u5ea6(vw)\u3001\u8996\u53e3\u9ad8\u5ea6(vh)\u3001\u8996\u53e3\u6700\u5c0f\u503c\u548c\u6700\u5927\u503c\uff08vmin \u548cvmax\uff09\u3001\u5206\u6578\u55ae\u4f4d (fr) \u548c\u5b57\u5143\u55ae\u4f4d (ch)\u3002<\/p>\n<p>\u5728\u9019\u88e1\uff0c\u6211\u5011\u5c07\u6df1\u5165\u7814\u7a76\u6bcf\u500b\u6e2c\u91cf\u55ae\u4f4d\uff0c\u540c\u6642\u63a2\u7d22\u6700\u5c0f\u503c\u548c\u6700\u5927\u503c\u3001\u6ea2\u51fa\u7ba1\u7406\u548c\u7269\u4ef6\u9069\u5408\u5c6c\u6027\u7b49\u6982\u5ff5\u3002<\/p>\n<p><strong>\u5177\u9ad4\u4f86\u8aaa\uff0c\u672c\u8ab2\u5c07\u6db5\u84cb\uff1a<\/strong><\/p>\n<ol role=\"list\">\n<li>\u81ea\u52d5\u8abf\u6574\u5c3a\u5bf8<\/li>\n<li>\u50cf\u7d20<\/li>\n<li>\u767e\u5206\u6bd4\u503c<\/li>\n<li>\u827e\u59c6\u65af<\/li>\n<li>\u96f7\u59c6\u65af<\/li>\n<li>\u57fa\u65bc\u8996\u53e3\u7684\u55ae\u4f4d<\/li>\n<li>\u5206\u6578\u55ae\u4f4d<\/li>\n<li>\u5b57\u5143\u55ae\u4f4d<\/li>\n<li>\u6700\u5c0f\u548c\u6700\u5927\u5c3a\u5bf8<\/li>\n<li>\u7e31\u6a6b\u6bd4<\/li>\n<li>\u6ea2\u51fa\u8655\u7406<\/li>\n<li>\u5c0d\u8c61\u9069\u5408\u7528\u6cd5<\/li>\n<\/ol>\n<h2>\u81ea\u52d5\u8abf\u6574\u5c3a\u5bf8<\/h2>\n<p>\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0cWeb \u5143\u7d20\u6703\u6839\u64da\u5176\u5167\u5bb9\u81ea\u52d5\u8abf\u6574\u5176\u5927\u5c0f\u3002<\/p>\n<h2>\u50cf\u7d20<\/h2>\n<p>\u50cf\u7d20\u503c\u53ef\u4ee5\u6309\u6bd4\u4f8b\u7e2e\u653e\uff0c\u5c24\u5176\u662f\u5728\u8655\u7406\u5177\u6709\u7279\u5b9a\u50cf\u7d20\u503c\u7684\u5716\u50cf\u548c\u5143\u7d20\u6642\u3002<\/p>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b94914f6d4d2d24534ca0a_5f48359d3af1b60f47f8d578_rwkcgq1rruvi1bxieifdjj4qegh5vnbgh6nrlrzjazanvbuzmpfsp1ulge29ecfx58wzltg6dtpfuwfheghshuq-8nqehue6dfmgugxaqmywathid46mbhkp3cq5l95chmkf94pm.png\" title=\"64b94914f6d4d2d24534ca0a_5f48359d3af1b60f47f8d578_rwkcgq1rruvi1bxieifdjj4qeg h5vnbgh6nrlrzjazanvbuzmpfspwhexdjj4qeg h5vnbgh6nrlrzjazanvbuzmpfsp thid46mbhkp3cq5l95chmkf94pm-1\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\u82e5\u8981\u4f7f\u7528\u9810\u8a2d\u50cf\u7d20\u503c\uff1a<\/p>\n<ol role=\"list\">\n<li>\u8f38\u5165\u6578\u503c<\/li>\n<li>\u6253 <strong>\u9032\u5165<\/strong> \u9470\u5319<\/li>\n<\/ol>\n<h2>\u767e\u5206\u6bd4\u503c<\/h2>\n<p>\u8207em\u985e\u4f3c\uff0c\u767e\u5206\u6bd4\u662f\u76f8\u5c0d\u65bc\u7236\u5143\u7d20\u7684\u5b57\u9ad4\u5927\u5c0f\u7684\u3002\u4f8b\u5982\uff0c\u5728\u586b\u5145\u90e8\u5206\u4e2d\u5c07\u5bec\u5ea6\u8a2d\u70ba 25% \u5c07\u5206\u914d\u5143\u7d20\u5167\u56db\u5206\u4e4b\u4e00\u7684\u7a7a\u9593\u3002<\/p>\n<h2>\u827e\u59c6\u65af<\/h2>\n<p>\u5728\u6309\u6bd4\u4f8b\u8abf\u6574\u6587\u5b57\u5143\u7d20\u7684\u586b\u5145\u6642\uff0cEms \u6703\u6d3e\u4e0a\u7528\u5834\u3002\u6bcf\u500b\u700f\u89bd\u5668\u7684\u9810\u8a2d\u5b57\u9ad4\u5927\u5c0f\u901a\u5e38\u70ba 16px\u3002 Ems \u6839\u64da\u5176\u7236\u5143\u7d20\u8a08\u7b97\u5b57\u9ad4\u5927\u5c0f\uff0c\u4e26\u76f8\u61c9\u5730\u7e2e\u653e\u6587\u5b57\u5927\u5c0f\u3002<\/p>\n<p>\u5c0d\u65bc 16 \u50cf\u7d20\u7684\u5b57\u9ad4\u5927\u5c0f\uff1a<\/p>\n<ul role=\"list\">\n<li>1 em \u7b49\u65bc 16 \u50cf\u7d20<\/li>\n<li>2 em \u7b49\u65bc 32 \u50cf\u7d20<\/li>\n<li>1.5 ems \u7b49\u65bc 24 \u50cf\u7d20<\/li>\n<\/ul>\n<p>\u60a8\u4e5f\u53ef\u4ee5\u8b8a\u66f4\u6bb5\u843d\u7236\u5143\u7d20\u7684\u5b57\u9ad4\u5927\u5c0f\uff0c\u4f8b\u5982 <strong>\u5206\u5340\u584a<\/strong>:<\/p>\n<ol role=\"list\">\n<li>\u9078\u64c7\u7236\u5143\u7d20<\/li>\n<li>\u8abf\u6574\u5b57\u9ad4\u5927\u5c0f\uff08\u4f8b\u5982\uff0c20 \u50cf\u7d20\uff09 <strong>\u98a8\u683c\u9762\u677f<\/strong> \u5728\u4e0b\u9762 <strong>\u7248\u5f0f<\/strong><\/li>\n<\/ol>\n<p>\u5c07\u7236\u5143\u7d20\u8a2d\u5b9a\u70ba 20 \u50cf\u7d20\uff1a<\/p>\n<ul role=\"list\">\n<li>1 em \u7b49\u65bc 20 \u50cf\u7d20<\/li>\n<li>2 ems \u8f49\u63db\u70ba 40 \u50cf\u7d20<\/li>\n<li>3 ems \u8f49\u63db\u70ba 60 \u50cf\u7d20<\/li>\n<\/ul>\n<h2>\u96f7\u59c6\u65af<\/h2>\n<p>Rems \u662f\u6839\u64da HTML \u5b57\u9ad4\u5927\u5c0f\u8a08\u7b97\u7684\u3002<\/p>\n<p>\u6bcf\u500b rem \u503c\u90fd\u662f\u900f\u904e\u5c07\u5176\u8207 HTML \u5b57\u9ad4\u5927\u5c0f\u76f8\u4e58\u4f86\u78ba\u5b9a\u7684\uff0c\u4e26\u5c0a\u91cd\u4f7f\u7528\u8005\u7684\u700f\u89bd\u5668\u8a2d\u5b9a\uff08\u9664\u975e\u5728\u7a0b\u5f0f\u78bc\u4e2d\u88ab\u8986\u84cb\uff09\u3002\u9019\u7a2e\u65b9\u6cd5\u53ef\u78ba\u4fdd\u8207\u500b\u4eba\u6587\u5b57\u5927\u5c0f\u504f\u597d\u7684\u4e00\u81f4\u6027\u3002<\/p>\n<p>Rems \u5f15\u7528 root em \u55ae\u4f4d (root ems)\uff0c\u8207 HTML \u7b49\u7d1a\u6307\u5b9a\u7684\u9810\u8a2d\u5b57\u9ad4\u5927\u5c0f\u5c0d\u9f4a\uff0c\u9664\u975e\u9032\u884c\u4fee\u6539\u3002\u8207 ems \u4e0d\u540c\uff0crem \u4e0d\u6703\u5f9e\u5404\u500b\u5143\u7d20\u6216\u5176\u7236\u5143\u7d20\u7e7c\u627f\u5b57\u9ad4\u5c6c\u6027\uff0c\u800c\u662f\u6839\u64da\u700f\u89bd\u5668\u7684\u5b57\u9ad4\u5927\u5c0f\u9032\u884c\u7e2e\u653e\u3002<\/p>\n<h2>\u57fa\u65bc\u8996\u53e3\u7684\u55ae\u4f4d<\/h2>\n<p>\u8996\u7a97\u5bec\u5ea6 (VW) \u6e2c\u91cf\u700f\u89bd\u5668\u8996\u7a97\u7684\u5bec\u5ea6\uff0c\u4e26\u8207\u8996\u7a97\u5bec\u5ea6\u6210\u6bd4\u4f8b\u8abf\u6574\u3002<\/p>\n<h2>\u5206\u6578\u55ae\u4f4d<\/h2>\n<p>\u5206\u6578\u55ae\u4f4d (fr) \u5728\u7db2\u683c\u4f48\u5c40\u5c6c\u6027\uff08\u4f8b\u5982\u5feb\u901f\u5806\u758a\u5143\u7d20\uff09\u4e2d\u6709\u6548\u3002<\/p>\n<p>\u5982\u679c\u5728 4 \u5217\u7db2\u683c\u4e0a\u5de5\u4f5c\uff0c\u6bcf\u5217\u9810\u8a2d\u70ba 1fr \u2014 \u5206\u914d\u56db\u5206\u4e4b\u4e00\u7684\u7db2\u683c\u7a7a\u9593\u3002\u65b0\u589e\u4e00\u5217\u6703\u5c07\u6bcf\u500b fr \u8abf\u6574\u70ba 1\/5\u3002\u9019\u4e9b\u55ae\u4f4d\u7684\u9748\u6d3b\u6027\u53ef\u4ee5\u81ea\u52d5\u8655\u7406\u8a08\u7b97\uff0c\u5305\u62ec\u5217\u9593\u9699\u3002<\/p>\n<p>\u63a2\u7d22\u6709\u95dc\u5206\u6578\u55ae\u4f4d\u7684\u66f4\u591a\u8cc7\u8a0a\u3002<\/p>\n<h2>\u5b57\u5143\u55ae\u4f4d<\/h2>\n<p>\u5b57\u5143\u55ae\u4f4d (CH) \u975e\u5e38\u9069\u5408\u8a2d\u5b9a\u6bb5\u843d\u6216\u6a19\u984c\u7b49\u5143\u7d20\u7684\u5bec\u5ea6\uff0c\u4ee5\u63a7\u5236\u6bcf\u884c\u7684\u5b57\u5143\u6578\u3002<\/p>\n<p>\u4f8b\u5982\uff0c\u5c07\u6bb5\u843d\u7684\u6700\u5927\u5bec\u5ea6\u9650\u5236\u70ba 60ch \u5c07\u6839\u64da\u6240\u9078\u5b57\u9ad4\uff08\u96f6\u5b57\u5143\u5bec\u5ea6\uff09\u8abf\u6574\u6846\u5927\u5c0f\u4ee5\u5bb9\u7d0d 60 \u500b\u5b57\u5143\u3002\u8a72\u55ae\u5143\u53ef\u4ee5\u7cbe\u78ba\u63a7\u88fd\u6587\u5b57\u5bec\u5ea6\uff0c\u7279\u5225\u662f\u5c0d\u65bc\u57fa\u65bc\u5b57\u5143\u7684\u7d04\u675f\u3002<\/p>\n<h2>\u6700\u5c0f\u548c\u6700\u5927\u5c3a\u5bf8\u7d04\u675f<\/h2>\n<p>\u7576\u5143\u7d20\u7684\u5bec\u5ea6\u6307\u5b9a\u70ba 50% \u6642\uff0c\u5b83\u4f54\u64da\u5176\u7236\u5143\u7d20\u5167\u7684\u4e00\u534a\u7a7a\u9593\uff08 <strong>\u90e8\u5206<\/strong>\uff09\u3002\u7576\u8996\u7a97\u8abf\u6574\u5927\u5c0f\u6642\uff0c\u5143\u7d20\u4e5f\u6703\u76f8\u61c9\u7e2e\u653e\u3002<\/p>\n<p>\u5f15\u5165\u6700\u5c0f\uff08\u4f8b\u5982\uff0c200px\uff09\u548c\u6700\u5927\uff08\u4f8b\u5982\uff0c500px\uff09\u5bec\u5ea6\u9650\u5236\u53ef\u78ba\u4fdd\u5143\u7d20\u4fdd\u6301200\u5230500\u50cf\u7d20\u7684\u5bec\u5ea6\u7bc4\u570d\uff0c\u4ee5\u9069\u61c9\u4e0d\u540c\u7684\u8996\u7a97\u5c3a\u5bf8\u3002<\/p>\n<p>\u5e38\u898b\u7684\u505a\u6cd5\u662f\u8a2d\u5b9a\u5168\u9ad8\u90e8\u5206\uff08\u4f8b\u5982\uff0c100vh\uff09\u3002\u4f46\u662f\uff0c\u7576\u5143\u7d20\u958b\u59cb\u6ea2\u51fa\u6216\u5728\u8996\u53e3\u5e95\u90e8\u88c1\u526a\u6642\uff0c\u9019\u7a2e\u65b9\u6cd5\u53ef\u80fd\u6703\u5c0e\u81f4\u8996\u89ba\u554f\u984c\u3002\u00a0<\/p>\n<blockquote><p><strong>\u63d0\u793a\uff1a<\/strong> \u5229\u7528\u6700\u5c0f\u9ad8\u5ea6\u5c6c\u6027\u6d88\u9664\u56fa\u5b9a\u622a\u9762\u9ad8\u5ea6\uff0c\u4e26\u5f37\u5236\u57f7\u884c 100vh \u7684\u6700\u5c0f\u9ad8\u5ea6\u3002\u9019\u6a23\uff0c\u8a72\u90e8\u5206\u59cb\u7d42\u81f3\u5c11\u8de8\u8d8a\u6574\u500b\u8996\u53e3\u9ad8\u5ea6\u3002<\/p><\/blockquote>\n<p>\u4f8b\u5982\uff0c\u5c07\u90e8\u5206\u9ad8\u5ea6\u8a2d\u5b9a\u70ba 800 \u50cf\u7d20\u4f5c\u70ba\u6700\u5c0f\u9ad8\u5ea6\u53ef\u78ba\u4fdd 800 \u50cf\u7d20\u7684\u9ad8\u5ea6\uff0c\u540c\u6642\u9069\u61c9\u5167\u5bb9\u5bec\u5ea6\u8abf\u6574\uff08\u5982\u679c\u9700\u8981\uff0c\u5141\u8a31\u5782\u76f4\u64f4\u5c55\uff09\u3002<\/p>\n<p>\u5982\u679c\u9700\u8981\u5c07\u6bb5\u843d\u5bec\u5ea6\u9650\u5236\u70ba 60 \u500b\u5b57\u5143\u5de6\u53f3\uff0c\u5247\u53ef\u4ee5\u5c07\u5404\u500b\u6bb5\u843d\u914d\u7f6e\u70ba\u5f37\u5236\u57f7\u884c\u6700\u5927\u5bec\u5ea6\uff08\u4f8b\u5982 60ch\uff09\u3002\u9019\u5c07\u6bb5\u843d\u5bec\u5ea6\u9650\u5236\u6a19\u6e96\u5316\u70ba\u5927\u7d04 60 \u500b\u5b57\u5143\u3002<\/p>\n<h2>\u5bec\u9ad8\u6bd4\u8a2d\u5b9a<\/h2>\n<p>\u5bec\u9ad8\u6bd4\u8a2d\u5b9a\u63d0\u4f9b\u4e86\u9810\u5148\u5b9a\u7fa9\u548c\u53ef\u81ea\u8a02\u7684\u6bd4\u7387\uff0c\u7528\u65bc\u8abf\u6574\u7db2\u7ad9\u4e0a\u5143\u7d20\u7684\u5927\u5c0f\uff0c\u7279\u5225\u6709\u5229\u65bc\u9700\u8981\u7279\u5b9a\u6bd4\u4f8b\u7684\u5716\u50cf\u3001\u5f71\u7247\u548c\u7db2\u683c\u4f48\u5c40\u3002<\/p>\n<p>\u6709 5 \u500b <strong>\u6bd4\u7387<\/strong> \u53ef\u7528\u9810\u8a2d\uff1a<\/p>\n<ul role=\"list\">\n<li><strong>\u6c7d\u8eca<\/strong> \u2014 \u4f9d\u9700\u6c42\u8abf\u6574\u5c3a\u5bf8\uff0c\u9069\u5408\u9748\u6d3b\u7684\u4f48\u5c40<\/li>\n<li><strong>\u8b8a\u5f62\u5bec\u9280\u5e55 (2.39:1)<\/strong> \u2014 \u975e\u5e38\u9069\u5408\u9700\u8981\u5927\u5c3a\u5bf8\u7684\u96fb\u5f71\u9ad4\u9a57<\/li>\n<li><strong>Univisium\/Netflix (2:1)<\/strong> \u2014 \u9069\u7528\u65bc\u73fe\u4ee3\u96fb\u8996\u548c\u4e32\u6d41\u5167\u5bb9<\/li>\n<li><strong>\u5bec\u87a2\u5e55 (16:9)<\/strong> - \u6700\u9069\u5408\u5bec\u4f48\u5c40\u5143\u7d20<\/li>\n<li><strong>\u98a8\u666f (3:2)<\/strong> \u2014 \u6709\u5229\u65bc\u7a0d\u9ad8\u7684\u7db2\u9801\u5143\u7d20<\/li>\n<li><strong>\u8096\u50cf (2:3)<\/strong> \u2014 \u975e\u5e38\u9069\u5408\u9ad8\u5927\u7684\u4f48\u5c40\u5143\u7d20<\/li>\n<li><strong>\u6b63\u65b9\u5f62 (1:1)<\/strong> \u2014 \u975e\u5e38\u9069\u5408\u5e73\u8861\u4f48\u7f6e\u9805\u76ee<\/li>\n<li><strong>\u98a8\u4fd7<\/strong> \u2014 \u63d0\u4f9b\u8a2d\u5b9a\u5ba2\u88fd\u5316\u6bd4\u7387\u7684\u9748\u6d3b\u6027<\/li>\n<\/ul>\n<p>\u5c07\u9577\u5bec\u6bd4\u8207\u5bec\u5ea6\u548c\u9ad8\u5ea6\u7b49\u73fe\u6709\u5c3a\u5bf8\u5c6c\u6027\u7d50\u5408\u53ef\u78ba\u4fdd\u4e00\u81f4\u6027\u3002\u4f8b\u5982\uff0c\u5c0d\u5177\u6709\u9810\u5b9a\u7fa9\u5c3a\u5bf8\u7684\u5143\u7d20\u5957\u7528\u7279\u5b9a\u6bd4\u7387\u5c07\u76f8\u61c9\u5730\u8abf\u6574\u76f8\u53cd\u7684\u5c3a\u5bf8\u3002\u5982\u679c\u5728\u61c9\u7528\u6bd4\u7387\u4e4b\u524d\u8a2d\u5b9a\u5bec\u5ea6\u548c\u9ad8\u5ea6\u503c\uff0c\u5247\u6307\u5b9a\u7684\u5c3a\u5bf8\u512a\u5148\u65bc\u6307\u5b9a\u7684\u6bd4\u7387\u3002<\/p>\n<p>\u82e5\u8981\u4fdd\u7559\u5143\u7d20\u6bd4\u4f8b\u800c\u4e0d\u8003\u616e\u5167\u90e8\u5167\u5bb9\uff0c\u8acb\u8a2d\u5b9a <strong>\u6ea2\u51fa<\/strong> \u8ca1\u7522\u7d66 <strong>\u96b1<\/strong> \u53ef\u80fd\u662f\u6709\u76ca\u7684\u3002<\/div>\n<\/p>\n<h6><strong>\u63d0\u793a\uff1a<\/strong> \u5982\u679c\u60a8\u5df2\u7d93\u914d\u7f6e\u4e86\u5f71\u50cf\u5c3a\u5bf8\u4e26\u5e0c\u671b\u5efa\u7acb\u6bd4\u7387\uff0c\u8acb\u6307\u5b9a <strong>\u5408\u8eab<\/strong> \u4f5c\u70ba <strong>\u8986\u84cb<\/strong>\u3002\u9019\u5c07\u4fdd\u8b49\u5716\u50cf\u7684\u6b63\u78ba\u7e2e\u653e\u3002<\/h6>\n<h6><strong>\u63d0\u9192\uff1a <\/strong>\u4f7f\u7528\u5bec\u9ad8\u6bd4\u8abf\u6574\u7684\u5143\u7d20\u53ef\u80fd\u6703\u5728\u7e31\u5411\u6a21\u5f0f\u4e0b\u7684\u8f03\u5c0f\u79fb\u52d5\u87a2\u5e55\u4e0a\u986f\u793a\u4e0d\u540c\u3002\u9020\u6210\u9019\u7a2e\u5dee\u7570\u7684\u539f\u56e0\u662f\u88dd\u7f6e\u87a2\u5e55\u5bec\u5ea6\u8207\u6bd4\u4f8b\u5b9a\u7fa9\u7684\u6bd4\u4f8b\u9ad8\u5ea6\u4e4b\u9593\u5b58\u5728\u5dee\u7570\u3002\u6211\u5011\u5efa\u8b70\u8abf\u6574 <strong>\u6bd4\u7387<\/strong> \u503c\u6216\u5176\u4ed6\u8207\u5927\u5c0f\u76f8\u95dc\u7684\u53c3\u6578\u5728\u4e0d\u540c\u7684\u65b7\u9ede\u4ee5\u7372\u5f97\u60a8\u559c\u6b61\u7684\u4f48\u5c40\u3002\u4f8b\u5982\uff0c\u60a8\u53ef\u4ee5\u70ba\u8f03\u5927\u65b7\u9ede\u4e0a\u7684\u5f71\u50cf\u8a2d\u5b9a\u5bec\u87a2\u5e55\u7e31\u6a6b\u6bd4\uff0c\u4e26\u70ba\u79fb\u52d5\u65b7\u9ede\u4e0a\u7684\u76f8\u540c\u5f71\u50cf\u8a2d\u5b9a\u65b9\u5f62\u7e31\u6a6b\u6bd4\u3002<\/h6>\n<h2>\u904e\u91cf\u7684\u00a0<\/h2>\n<p>\u7576\u6307\u5b9a\u5143\u7d20\u7684\u5c3a\u5bf8\uff08\u5bec\u5ea6\u548c\u9ad8\u5ea6\uff09\u4e14\u5176\u4e2d\u6c92\u6709\u8db3\u5920\u7684\u7a7a\u9593\u5bb9\u7d0d\u5167\u5bb9\u6642\uff0c\u6703\u81ea\u52d5\u767c\u751f\u6ea2\u51fa\u3002\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0c\u6ea2\u51fa\u7684\u6587\u5b57\u4ecd\u7136\u53ef\u898b\u3002\u9078\u64c7\u5143\u7d20\u5f8c\uff0c\u5c0e\u822a\u81f3 <strong>\u98a8\u683c\u9762\u677f<\/strong> &gt; <strong>\u5c3a\u5bf8<\/strong> &gt; <strong>\u6ea2\u51fa<\/strong>\uff0c\u60a8\u6703\u6ce8\u610f\u5230\u521d\u59cb\u9078\u64c7\u662f <strong>\u53ef\u898b\u7684<\/strong> \uff08\u773c\u775b\uff09\u5716\u6a19\uff0c\u8868\u793a\u6ea2\u51fa\u7684\u6587\u5b57\u9810\u8a2d\u4ecd\u7136\u53ef\u898b\u3002\u00a0<\/p>\n<p>\u8655\u7406\u6ea2\u51fa\u7684\u5176\u4ed6\u66ff\u4ee3\u65b9\u6cd5\u5305\u62ec\uff1a<\/p>\n<ul role=\"list\">\n<li><strong>\u96b1\u85cf<\/strong> \u96b1\u85cf\u8d85\u51fa\u5143\u7d20\u908a\u754c\u7684\u5167\u5bb9\u3002\u00a0<\/li>\n<li><strong>\u6372\u52d5<\/strong> \u53ef\u4ee5\u986f\u793a\u6372\u8ef8\uff0c\u5177\u9ad4\u53d6\u6c7a\u65bc\u4f7f\u7528\u8005\u7684\u4f5c\u696d\u7cfb\u7d71\u548c\u700f\u89bd\u5668\uff0c\u4f7f\u7528\u6236\u80fd\u5920\u700f\u89bd Div \u5340\u584a\u5167\u5bb9\u3002\u00a0<\/li>\n<li><strong>\u6c7d\u8eca<\/strong> \u65b9\u4fbf\u6efe\u52d5\uff08\u5728\u5be6\u73fe\u6b64\u64cd\u4f5c\u4e4b\u524d\u78ba\u4fdd\u6709\u5927\u91cf\u5167\u5bb9\u53ef\u4ee5\u6ea2\u51fa\uff09<\/li>\n<\/ul>\n<h2>\u7269\u9ad4\u64ec\u5408\u00a0<\/h2>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-video\">\n<div><iframe allowfullscreen frameborder scrolling=\"no\" src=\"https:\/\/www.youtube.com\/embed\/7Ma2GavhHlI\"><\/iframe><\/div>\n<\/figure>\n<p>\u200d<\/p>\n<p>\u82e5\u8981\u5229\u7528\u7269\u4ef6\u64ec\u5408\uff0c\u8acb\u8a2a\u554f <strong>\u5c3a\u5bf8<\/strong> \u5167\u7684\u90e8\u5206 <strong>\u98a8\u683c\u9762\u677f<\/strong>:<\/p>\n<ol role=\"list\">\n<li>\u6307\u5b9a\u7236\u5143\u7d20\u7684\u5c3a\u5bf8\uff08\u5bec\u5ea6\u548c\u9ad8\u5ea6\uff09\uff08\u4f8b\u5982\uff0c <strong>\u5206\u5340\u584a<\/strong>)<\/li>\n<li>\u70ba\u5b50\u5143\u7d20\u5206\u914d 100% \u5bec\u5ea6\u548c\u9ad8\u5ea6\uff08\u4f8b\u5982\uff0c\u5d4c\u5957\u5728 Div \u5340\u584a\u5167\u7684\u5716\u50cf\uff09<\/li>\n<li>\u5617\u8a66\u9069\u5408\u7684\u9078\u9805\uff1a\u586b\u6eff\u3001\u5305\u542b\u3001\u8986\u84cb\u3001\u7121\u548c\u7e2e\u5c0f - \u9078\u64c7\u6700\u9069\u5408\u60a8\u7684\u5c08\u6848\u7684\u9078\u9805<\/li>\n<\/ol>\n<blockquote><p><strong>\u91cd\u8981\u7684<\/strong>\uff1a\u5728\u8655\u7406\u7269\u4ef6\u9069\u914d\u6642\uff0c\u78ba\u4fdd\u7236\u5143\u7d20\u540c\u6642\u5177\u6709\u5bec\u5ea6\u548c\u9ad8\u5ea6\u3002\u9019\u4e00\u9ede\u81f3\u95dc\u91cd\u8981\uff0c\u56e0\u70ba\u7236\u5143\u7d20\u4e2d\u7684\u6240\u6709\u7269\u4ef6\u90fd\u9069\u5408\u8a2d\u5b9a\u5927\u5c0f\u5167\u5bb9\uff1b\u7136\u800c\uff0c\u7269\u4ef6\u64ec\u5408\u9069\u7528\u65bc <em>\u5b69\u5b50<\/em> \u7236\u6bcd\u7684\u3002<\/p><\/blockquote>\n<\/div>","protected":false},"excerpt":{"rendered":"\u5b9a\u7fa9\u5143\u7d20\u7684\u5927\u5c0f\uff0c\u8a2d\u5b9a\u6700\u5c0f\u548c\u6700\u5927\u5bec\u5ea6\u548c\u9ad8\u5ea6\u503c\uff0c\u4e26\u96b1\u85cf\u6ea2\u51fa\u5143\u7d20\u908a\u754c\u7684\u5167\u5bb9\u3002","protected":false},"author":2,"featured_media":5229,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-5954","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/comments?post=5954"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5954\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media\/5243"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media?parent=5954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/categories?post=5954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/tags?post=5954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}