{"id":256,"date":"2018-04-16T11:44:02","date_gmt":"2018-04-16T03:44:02","guid":{"rendered":"http:\/\/www.luodonggan.com\/wordpress\/?p=256"},"modified":"2018-04-16T11:44:02","modified_gmt":"2018-04-16T03:44:02","slug":"axure%e4%b8%ad%e7%a7%bb%e5%8a%a8%e7%ab%af%e5%8e%9f%e5%9e%8b%e8%ae%be%e8%ae%a1%e6%96%b9%e6%b3%95%ef%bc%88%e9%99%84iphonex%e5%92%8ciphone8%e6%9c%80%e6%96%b0%e6%a8%a1%e6%9d%bf%ef%bc%89","status":"publish","type":"post","link":"http:\/\/8.152.216.154:8081\/?p=256","title":{"rendered":"Axure\u4e2d\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\uff08\u9644IPhoneX\u548cIPhone8\u6700\u65b0\u6a21\u677f\uff09"},"content":{"rendered":"<header class=\"article-header\" style=\"color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal;\">\n<h2 class=\"article-title\" style=\"font-size: 22px; margin-top: 5px; line-height: 1.4;\">Axure\u4e2d\u57fa\u4e8e\u8bbe\u5907\u6a21\u677f\u7684\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\uff08\u9644IPhoneX\u548cIPhone8\u6700\u65b0\u6a21\u677f\uff09<\/h2>\n<\/header>\n<blockquote style=\"margin-bottom: 15px; background-color: rgb(242, 245, 251); padding: 5px 20px; margin-left: 0px; margin-right: 0px; color: rgb(36, 51, 66); border-left: 5px solid rgb(208, 214, 220);\">\n<p style=\"margin-bottom: 15px;\">\u6587\u7ae0\u4f5c\u8005\u5206\u4eab\u4e86\u4e00\u79cd\u57fa\u4e8e\u8bbe\u5907\u6a21\u677f\u7684\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\uff0c\u76f8\u4fe1\u80fd\u591f\u5bf9\u4f60\u7684\u539f\u578b\u8bbe\u8ba1\u5de5\u4f5c\u5e26\u6765\u5e2e\u52a9\uff0c\u503c\u5f97\u9a6c\u514b\u3002<\/p>\n<\/blockquote>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"size-full wp-image-854619 aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/RdsqVNYvqiRSilzouuPs.jpg\" alt=\"\" width=\"800\" height=\"450\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u4f7f\u7528Axure\u8bbe\u8ba1\u79fb\u52a8\u7aef\u539f\u578b\u7684\u5e94\u7528\u65b9\u9762\uff0c\u6211\u603b\u7ed3\u51fa\u4e86\u4e24\u79cd\u5e38\u7528\u7684\u65b9\u6cd5\u3002\u7b2c\u4e00\u79cd\u662f\u66f4\u9002\u5408\u5728\u79fb\u52a8\u7aef\u8fdb\u884c\u6f14\u793a\u7684\u8bbe\u8ba1\u65b9\u6cd5\uff0c\u5927\u5bb6\u53ef\u4ee5\u53c2\u8003\u6211\u4e4b\u524d\u5df2\u7ecf\u5206\u4eab\u8fc7\u7684\u4e00\u7bc7\u6559\u7a0b\uff1a<a href=\"http:\/\/www.woshipm.com\/rp\/692285.html\">\u4f7f\u7528Axure\u6253\u9020\u6700\u4f73\u7684\u79fb\u52a8\u7aef\u4ea4\u4e92\u539f\u578b\u6559\u7a0b<\/a>\uff0c\u4f7f\u7528\u8fd9\u79cd\u65b9\u6cd5\u8f93\u51fa\u7684\u539f\u578b\u5728\u624b\u673a\u8bbe\u5907\u4e0a\u8fdb\u884c\u6f14\u793a\u65f6\u53ef\u4ee5\u8fbe\u5230\u8ddf\u771f\u5b9eAPP\u51e0\u4e4e\u4e00\u81f4\u7684\u5c55\u793a\u6548\u679c\u53ca\u4ea4\u4e92\u4f53\u9a8c\u3002\u5728\u4eca\u5929\u6211\u5c06\u5206\u4eab\u53e6\u5916\u4e00\u79cd\u57fa\u4e8e\u8bbe\u5907\u6a21\u677f\u7684\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u4ec0\u4e48\u662f\u57fa\u4e8e\u8bbe\u5907\u6a21\u677f\u7684\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\uff1f\u7b80\u800c\u8a00\u4e4b\u5c31\u662f\u5728Axure\u7684\u7f16\u8f91\u754c\u9762\u4e2d\u653e\u7f6e\u5bf9\u5e94\u7684\u673a\u578b\u6a21\u677f\uff0c\u4f7f\u8f93\u51fa\u7684\u539f\u578b\u8fbe\u5230\u66f4\u89c4\u8303\u548c\u771f\u5b9e\u7684\u6f14\u793a\u6548\u679c\u3002\u5176\u5b9e\u8fd9\u662f\u4e00\u79cd\u5f88\u5e38\u89c1\u7684\u79fb\u52a8\u7aef\u539f\u578b\u7684\u8bbe\u8ba1\u65b9\u6cd5\uff0c\u5f88\u591a\u540c\u884c\u5728\u8bbe\u8ba1\u539f\u578b\u7684\u65f6\u5019\u4e5f\u90fd\u7528\u8fc7\u3002\u8fd9\u7bc7\u5206\u4eab\u6559\u7a0b\u5c06\u5bf9\u4e2a\u8bbe\u8ba1\u65b9\u6cd5\u8fdb\u884c\u4e86\u603b\u7ed3\u548c\u68b3\u7406\uff0c\u5e76\u57fa\u4e8e\u8fd9\u4e2a\u65b9\u6cd5\u5236\u4f5c\u4e86\u4e00\u5957\u53ef\u5feb\u901f\u590d\u7528\u7684\u6a21\u677f\u3002\u8fd9\u5957\u6a21\u677f\u5177\u6709\u51e0\u4e2a\u65b9\u9762\u7684\u7279\u70b9\uff1a<\/p>\n<p style=\"margin-bottom: 15px;\">\u25cf \u7ed3\u6784\u5316\uff0c\u6839\u636eAPP\u754c\u9762\u7ed3\u6784\u8fdb\u884c\u642d\u5efa\uff1b<br \/>\u25cf \u6807\u51c6\u5316\uff0c\u975e\u5e38\u65b9\u4fbf\u8fdb\u884c\u7f16\u8f91\u548c\u7ef4\u62a4\uff1b<br \/>\u25cf \u9ad8\u4fdd\u771f\uff0c\u53ef\u9ad8\u5ea6\u8fd8\u539f\u79fb\u52a8\u7aef\u4ea4\u4e92\u6548\u679c\uff1b<\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u672c\u7bc7\u5206\u4eab\u7684\u7ed3\u5c3e\u6211\u4f1a\u63d0\u4f9b\u6a21\u677f\u7684Axure\u6e90\u6587\u4ef6\u4e0b\u8f7d\uff0c\u5176\u4e2d\u5305\u542b\u4e86\u6700\u65b0\u7684IPhoneX\u548cIPhone8\u7b49\u591a\u5957IOS\u8bbe\u5907\u673a\u578b\uff0c\u4ee5\u53ca\u4e00\u4e9b\u5e38\u89c1\u7684\u754c\u9762\u5143\u7d20\u548c\u4ea4\u4e92\u6548\u679c\u3002\u5728\u5f00\u59cb\u6b63\u5f0f\u7684\u4ecb\u7ecd\u4e4b\u524d\uff0c\u5927\u5bb6\u53ef\u4ee5\u67e5\u770b\u4f7f\u7528\u8fd9\u5957\u6a21\u677f\u8fd8\u539fIOS\u4e2d\u4e24\u6b3e\u5b98\u65b9\u5e94\u7528\u7684\u8bbe\u8ba1\u6f14\u793a\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\"><span style=\"font-weight: bolder;\">IOS11 AppStroe For iPhoneX \u539f\u578b\u6f14\u793a<\/span><\/h2>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/poipOmzZmFVYjneXgPRx.jpg\" alt=\"\" width=\"673\" height=\"422\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u6f14\u793a\u5730\u5740\uff1a<a href=\"http:\/\/www.axureux.com\/demo\/TemplatesForIOS11\/today.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.axureux.com\/demo\/TemplatesForIOS11\/today.html<\/a><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\"><span style=\"font-weight: bolder;\">IOS11 Contacts For iPhone8 \u539f\u578b\u6f14\u793a<\/span><\/h2>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/BJO1UfrVw6w11R9oYLb1.jpg\" alt=\"\" width=\"720\" height=\"465\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u6f14\u793a\u5730\u5740\uff1a<a href=\"http:\/\/www.axureux.com\/demo\/TemplatesForIOS11\/%E4%B8%AA%E4%BA%BA%E6%94%B6%E8%97%8F.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.axureux.com\/demo\/TemplatesForIOS11\/\u4e2a\u4eba\u6536\u85cf.html<br \/><\/a><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">1.\u754c\u9762\u5143\u7d20\u548c\u7ed3\u6784\u4ecb\u7ecd<\/h2>\n<p style=\"margin-bottom: 15px;\">\u7531\u4e8e\u8fd9\u5957\u6a21\u677f\u662f\u57fa\u4e8eIOS\u7cfb\u7edf\u8fdb\u884c\u8bbe\u8ba1\u7684\uff0c\u6240\u4ee5\u76f8\u5173\u754c\u9762\u5143\u7d20\u548c\u4ea4\u4e92\u65b9\u5f0f\u5747\u4ee5IOS\u4e3a\u6807\u51c6\u3002\u76ee\u524d\u4e3b\u6d41\u7684\u79fb\u52a8\u7aef\u7cfb\u7edf\u9664\u4e86IOS\u8fd8\u6709Android\uff0c\u8fd9\u4e24\u79cd\u7cfb\u7edf\u8bbe\u8ba1\u6807\u51c6\u548c\u4ea4\u4e92\u65b9\u5f0f\u5176\u5b9e\u662f\u5b58\u5728\u4e00\u4e9b\u5dee\u5f02\u7684\uff0c\u4e0d\u8fc7\u76ee\u524d\u5e02\u9762\u4e0a\u5927\u90e8\u5206APP\u5728\u8bbe\u8ba1\u65f6\u5e76\u6ca1\u6709\u4e89\u5bf9\u4e24\u79cd\u7cfb\u7edf\u505a\u5355\u72ec\u7684\u5904\u7406\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u6240\u4ee5\u5982\u679c\u6ca1\u6709\u7279\u73e0\u9700\u6c42\u7684\u8bdd\uff0c\u6211\u4eec\u4e00\u822c\u4e5f\u53ea\u9700\u8981\u8f93\u51fa\u4e00\u5957\u539f\u578b\u65b9\u6848\u5c31\u53ef\u4ee5\u4e86\uff0c\u4e0d\u8fc7\u8bbe\u8ba1\u8fc7\u7a0b\u4e2d\u9700\u8981\u5c3d\u91cf\u517c\u987e\u8fd9\u4e24\u4e2a\u4e3b\u6d41\u7684\u7cfb\u7edf\u3002\u5f53\u7136\uff0c\u5982\u679c\u4f60\u7684\u4ea7\u54c1\u660e\u786e\u9700\u8981\u6309\u7167Android\u7684\u7cfb\u7edf\u89c4\u8303\u6765\u8bbe\u8ba1\uff0c\u4f60\u4e5f\u53ef\u4ee5\u53c2\u7167\u672c\u6559\u7a0b\u8bbe\u8ba1\u4e00\u5957Android\u7684\u539f\u578b\u6a21\u677f\uff0c\u76f8\u5173\u4ea4\u4e92\u65b9\u5f0f\u53ef\u4ee5\u53c2\u7167Android\u7248\u7684\u4ea4\u4e92\u6307\u5357\u89c4\u8303\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u5f00\u59cb\u4ecb\u7ecd\u6a21\u677f\u7684\u642d\u5efa\u548c\u4f7f\u7528\u65b9\u6cd5\u4e4b\u524d\uff0c\u9700\u8981\u5148\u5bf9APP\u7684\u754c\u9762\u7ed3\u6784\u505a\u4e00\u4e2a\u7b80\u5355\u7684\u4ecb\u7ecd\uff0c\u719f\u6089\u4e86\u754c\u9762\u7ed3\u6784\u53ef\u4ee5\u65b9\u4fbf\u6211\u4eec\u540e\u7eed\u7684\u8bbe\u8ba1\u3002\u5e38\u89c1APP\u7684\u754c\u9762\u4e3b\u8981\u7531\u4ee5\u4e0b\u5143\u7d20\u6216\u7ec4\u4ef6\u7ec4\u6210\uff1a<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">StatusBar \/ \u72b6\u6001\u680f<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u72b6\u6001\u680f\u663e\u793a\u8bbe\u5907\u7684\u5173\u952e\u4fe1\u606f\uff0c\u5305\u542b\u8bbe\u5907\u6a21\u578b\u6216\u7f51\u7edc\u63d0\u4f9b\u5546\u3001\u7f51\u7edc\u4fe1\u53f7\u5f3a\u5ea6\u3001\u7535\u6c60\u4f7f\u7528\u91cf\u3001\u65f6\u95f4\u7b49\u3002\u5728\u7279\u6b8a\u754c\u9762\u4e2d\u53ef\u4ee5\u5bf9\u72b6\u6001\u680f\u505a\u9690\u85cf\u5904\u7406\uff0c\u6216\u6839\u636e\u9700\u8981\u81ea\u5b9a\u4e49\u72b6\u6001\u680f\u80cc\u666f\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">NavBar \/ \u5bfc\u822a\u680f<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5bfc\u822a\u680f\u4f4d\u4e8eapp\u5185\u5bb9\u533a\u7684\u4e0a\u65b9\uff0c\u7cfb\u7edf\u72b6\u6001\u680f\u7684\u4e0b\u65b9\uff0c\u5e76\u4e14\u63d0\u4f9b\u5728\u4e00\u7cfb\u5217\u9875\u9762\u4e2d\u7684\u5bfc\u822a\u80fd\u529b\u3002\u53ef\u5728\u5bfc\u822a\u680f\u4e2d\u663e\u793a\u5f53\u524d\u89c6\u56fe\u7684\u6807\u9898\uff0c\u5982\u679c\u6807\u9898\u975e\u5e38\u5197\u957f\u4e14\u65e0\u6cd5\u7cbe\u7b80\uff0c\u53ef\u4ee5\u7a7a\u7f3a\uff0c\u907f\u514d\u7528\u8fc7\u591a\u7684\u5143\u7d20\u586b\u6ee1\u5bfc\u822a\u680f\u3002\u5bfc\u822a\u680f\u4e2d\u53ef\u4ee5\u6dfb\u52a0\u6587\u5b57\u548c\u56fe\u6807\u63a7\u4ef6\uff0c\u76f8\u5173\u63a7\u4ef6\u7684\u53ef\u70b9\u51fb\u533a\u57df\u9700\u8981\u5927\u4e8e\u63a7\u4ef6\u7684\u53ef\u89c6\u5927\u5c0f\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">Body \/ \u5185\u5bb9\u533a<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5185\u5bb9\u533a\u57df\u6839\u636e\u9700\u8981\u8fdb\u884c\u81ea\u5b9a\u4e49\u8bbe\u8ba1\uff0c\u5e38\u89c1\u7684\u8bbe\u8ba1\u5f62\u5f0f\u6709\u83dc\u5355\u5217\u8868\u3001\u56fe\u6807\u5217\u8868\u3001\u5361\u7247\u5217\u8868\u3001\u56fe\u6587\u7ec4\u5408\u7b49\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">TabBar \/ \u6807\u7b7e\u680f<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u6807\u7b7e\u680f\u4f4d\u4e8eAPP\u5e95\u90e8\uff0c\u65b9\u4fbf\u7528\u6237\u5728\u4e0d\u540c\u529f\u80fd\u6a21\u5757\u4e4b\u95f4\u8fdb\u884c\u5feb\u901f\u5207\u6362\u3002\u6807\u7b7e\u680f\u4e00\u822c\u7528\u4f5cAPP\u7684\u4e00\u7ea7\u5206\u7c7b\uff0c\u6570\u91cf\u63a7\u5236\u57283-5\u4e2a\u4e4b\u95f4\u3002\u5efa\u8bae\u4f7f\u7528Badge\u8fdb\u884c\u63d0\u793a\uff0c\u8ba9\u7528\u6237\u77e5\u9053\u6709\u5185\u5bb9\u66f4\u65b0\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">Toolbar \/ \u5de5\u5177\u680f<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5de5\u5177\u680f\u4e00\u822c\u4f1a\u51fa\u73b0\u5728\u89c6\u56fe\u7684\u7684\u5e95\u90e8\uff0c\u63d0\u4f9b\u7ed9\u7528\u6237\u76f8\u5173\u53ef\u64cd\u4f5c\u7684\u529f\u80fd\u6309\u7ebd\u3002\u5982\uff0c\u90ae\u4ef6\u5e94\u7528\u7a0b\u5e8f\u91cc\u7684\u6536\u4ef6\u7bb1\u680f\u4e2d\u6709\u5220\u9664\u3001\u5206\u4eab\u3001\u7b54\u590d\u7b49\u7b49\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">Modal \/ \u5f39\u51fa\u5c42<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u79fb\u52a8\u7aef\u7684\u5f39\u51fa\u5c42\u6839\u636e\u5f39\u51fa\u65b9\u5f0f\u4e0d\u540c\uff0c\u5171\u5206\u4e3a\u6a21\u6001\u7a97\u53e3\u3001\u52a8\u4f5c\u9762\u677f\u3001\u5f39\u51fa\u9762\u677f\u7b49\u51e0\u79cd\u4e0d\u540c\u7684\u7c7b\u578b\u3002\u5728\u5b9e\u9645\u4f7f\u7528\u4e2d\uff0c\u53ef\u6839\u636e\u754c\u9762\u7684\u4ea4\u4e92\u65b9\u5f0f\u9009\u62e9\u5bf9\u5e94\u7684\u7c7b\u578b\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">Toast \/ \u8f7b\u63d0\u793a<br \/><\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u4e00\u79cd\u8f7b\u91cf\u7ea7\u53cd\u9988\u63d0\u793a\uff0c\u53ef\u4ee5\u7528\u6765\u663e\u793a\u4e0d\u4f1a\u6253\u65ad\u7528\u6237\u64cd\u4f5c\u7684\u5185\u5bb9\uff0c\u9002\u5408\u7528\u4e8e\u9875\u9762\u8f6c\u573a\u3001\u6570\u636e\u4ea4\u4e92\u7684\u7b49\u573a\u666f\u4e2d\u3002\u4e00\u6b21\u53ea\u663e\u793a\u4e00\u4e2a\u8f7b\u63d0\u793a\uff0c\u6709\u56fe\u6807\u7684\u63d0\u793a\u5b57\u6570\u4e3a4-6\u4e2a\uff0c\u6ca1\u6709\u56fe\u6807\u7684\u8f7b\u63d0\u793a\u5b57\u6570\u4e0d\u5b9c\u8d85\u8fc714\u4e2a\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">TableView \/ \u5217\u8868\u89c6\u56fe<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5217\u8868\u89c6\u56fe\u662f\u79fb\u52a8\u7aefAPP\u4e2d\u4e00\u79cd\u901a\u7528\u7684\u754c\u9762\u5143\u7d20\u3002\u5f88\u591a\u5e94\u7528\u7a0b\u5e8f\u5728\u4e00\u5b9a\u7a0b\u5ea6\u4e0a\uff0c\u90fd\u6709\u4f7f\u7528\u8868\u89c6\u56fe\u6765\u663e\u793a\u6570\u636e\u5217\u8868\u3002\u5e38\u89c1\u7684\u4f8b\u5982IOS\u7684\u8054\u7cfb\u4eba\u5e94\u7528\u4e2d\u8054\u7cfb\u4eba\u4fe1\u606f\u5217\u8868\uff0c\u53e6\u5916\u8fd8\u6709Mail\u4e2d\u4f7f\u7528\u5217\u8868\u89c6\u56fe\u663e\u793a\u90ae\u7bb1\u548c\u90ae\u4ef6\u3002\u5217\u8868\u89c6\u56fe\u4e0d\u4ec5\u53ef\u4ee5\u7528\u6765\u663e\u793a\u6587\u672c\u6570\u636e\uff0c\u4e5f\u53ef\u4ee5\u7528\u6765\u5448\u73b0\u56fe\u50cf\u6570\u636e\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/I8WvBdDnCAmeTOKUfuOa.png\" alt=\"\" width=\"619\" height=\"744\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u4ee5\u4e0a\u662f\u8c46\u74e3APP\u7684\u4e00\u4e2a\u754c\u9762\u622a\u56fe\u793a\u4f8b\uff0c\u754c\u9762\u7684\u7ed3\u6784\u7528\u989c\u8272\u8fdb\u884c\u4e86\u533a\u5206\uff0c\u4ece\u4e0a\u81f3\u4e0b\u5206\u522b\u4e3a\uff1a\u72b6\u6001\u680f\u3001\u5bfc\u822a\u680f\u3001\u5185\u5bb9\u533a\u3001\u6807\u7b7e\u680f\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">2.\u7ed3\u6784\u5316\u7684\u6a21\u677f\u642d\u5efa<\/h2>\n<p style=\"margin-bottom: 15px;\">\u5728\u4ecb\u7ecd\u5b8cAPP\u7684\u754c\u9762\u7ed3\u6784\u4e4b\u540e\uff0c\u63a5\u4e0b\u6765\u8bf4\u660e\u4e00\u4e0b\u6a21\u677f\u7684\u642d\u5efa\u65b9\u6cd5\u3002\u5728\u672c\u7bc7\u6559\u7a0b\u7684\u7ed3\u5c3e\u4f1a\u63d0\u4f9b\u4e86\u5df2\u7ecf\u5236\u4f5c\u597d\u7684\u6a21\u677f\u7684\u6587\u4ef6\uff0c\u5927\u5bb6\u53ef\u4ee5\u4e0b\u8f7d\u5e76\u53c2\u8003\u672c\u90e8\u5206\u4ecb\u7ecd\u8fdb\u884c\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u53c2\u7167\u4ecb\u7ecd\u5236\u4f5c\u81ea\u5df1\u7684\u539f\u578b\u6a21\u677f\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u5236\u4f5c\u6a21\u677f\u65f6\u9700\u8981\u7528\u5230\u5bf9\u5e94\u7684\u673a\u578b\u8bbe\u5907\u7684\u56fe\u7247\u7d20\u6750\uff0c\u53ef\u4ee5\u901a\u8fc7Dribbble\u7b49\u8bbe\u8ba1\u5206\u4eab\u5e73\u53f0\u627e\u5230\u5bf9\u5e94\u7684\u7d20\u6750\u6587\u4ef6\uff0c\u7136\u540e\u5bf9\u7d20\u6750\u505a\u4e00\u4e9b\u7b80\u5355\u7684\u5904\u7406\u3002\u5904\u7406\u7684\u8fc7\u7a0b\u9996\u5148\u662f\u53bb\u6389\u591a\u4f59\u7684\u5143\u7d20\uff0c\u53ea\u4fdd\u7559\u673a\u578b\u8bbe\u5907\u7684\u6846\u67b6\u56fe\u7247\u3002\u53e6\u5916\u8fd8\u9700\u8981\u5bf9\u56fe\u7247\u7684\u5c3a\u5bf8\u8fdb\u884c\u8c03\u6574\uff0c\u4f8b\u5982\u5728\u5236\u4f5c\u624b\u673a\u7b49\u79fb\u52a8\u7aef\u6a21\u677f\u65f6\u6211\u4eec\u5c06\u5185\u5bb9\u533a\u57df\u5b9a\u4e3a375px\uff0c\u9700\u8981\u6839\u636e\u6240\u5b9a\u7684\u5185\u5bb9\u533a\u57df\u5bf9\u56fe\u7247\u7684\u5c3a\u5bf8\u8fdb\u884c\u76f8\u5e94\u7684\u8c03\u6574\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u4e3a\u4ec0\u4e48\u6a21\u677f\u7684\u5185\u5bb9\u533a\u57df\u662f375px\uff1f\u8fd9\u4e2a\u95ee\u9898\u6211\u5728\u4e0a\u7bc7\u6559\u7a0b\u4e2d\u8fdb\u884c\u8fc7\u4ecb\u7ecd\uff0c\u6240\u4ee5\u4e0d\u518d\u8fdb\u884c\u5c55\u5f00\u8bf4\u660e\u3002\u4f46\u662f\u9700\u8981\u8bb0\u4f4f\u7684\u8fd9\u4e2a\u5c3a\u5bf8\u662f\u4e00\u4e2a\u91cd\u8981\u7684\u6807\u51c6\uff0c\u540e\u7eed\u5728\u8bbe\u8ba1\u8fc7\u7a0b\u4e2d\u76f8\u5173\u5143\u4ef6\u7684\u5bbd\u5ea6\u5c3a\u5bf8\u90fd\u9700\u8981\u53c2\u7167\u8fd9\u4e2a\u6807\u51c6\u3002\u673a\u578b\u8bbe\u5907\u7684\u56fe\u7247\u7d20\u6750\u51c6\u5907\u597d\u4e4b\u540e\uff0c\u6211\u4eec\u5728Axure\u4e2d\u521b\u5efa\u4e00\u4e2a\u5bf9\u5e94\u7684\u6bcd\u7248\uff0c\u7136\u540e\u5c06\u673a\u578b\u8bbe\u5907\u56fe\u7247\u62d6\u5165\u5230\u6bcd\u7248\u4e2d\u3002\u6bcd\u7248\u7684\u540d\u79f0\u53ef\u4ee5\u6309\u8be5\u673a\u578b\u8bbe\u5907\u7684\u540d\u79f0\u547d\u540d\uff0c\u540e\u9762\u5728\u4f7f\u7528\u65f6\u5728\u65b0\u5efa\u7684\u9875\u9762\u4e2d\u62d6\u5165\u8be5\u6bcd\u7248\u5373\u53ef\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u4e0b\u4e00\u6b65\u9700\u8981\u521b\u5efa\u524d\u9762\u4ecb\u7ecd\u8fc7\u7684APP\u754c\u9762\u4e2d\u5e38\u89c1\u5143\u7d20\u6216\u7ec4\u4ef6\uff0c\u9996\u5148\u5927\u5bb6\u53ef\u4ee5\u770b\u4e00\u4e0b\u8fd9\u5f20\u56fe\u7247\u4e2d\u5df2\u7ecf\u521b\u5efa\u597d\u7684\u6a21\u677f\uff0c\u5176\u4e2d\u5305\u542b\u4e86\u673a\u578b\u6bcd\u7248\u3001\u8f7b\u63d0\u793a\u3001\u5f39\u5c42\u3001\u5bfc\u822a\u680f\u3001\u6807\u7b7e\u680f\u3001\u5185\u5bb9\u6846\u67b6\u7b49\u5143\u7d20\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/0CB1CusH6IjdVroECo95.png\" alt=\"\" width=\"573\" height=\"682\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u8fd9\u4e2a\u6a21\u677f\u9875\u9762\u7684\u6982\u8981\u89c6\u56fe\u4e2d\u53ef\u4ee5\u770b\u5230\u76f8\u5173\u7684\u5bf9\u8c61\uff0c\u6240\u6709\u5bf9\u8c61\u6211\u90fd\u521b\u5efa\u4e86\u4e00\u4e2a\u5bf9\u5e94\u7684\u52a8\u6001\u9762\u677f\u3002\u8fd9\u6837\u7684\u5904\u7406\u4e3b\u8981\u51fa\u4e8e\u4e24\u4e2a\u65b9\u9762\u7684\u8003\u8651\uff0c\u4e00\u662f\u65b9\u4fbf\u5bf9\u76f8\u5173\u5143\u7d20\u8fdb\u884c\u7f16\u8f91\u7ef4\u62a4\uff0c\u4e8c\u662f\u76f8\u5173\u5bf9\u8c61\u7684\u663e\u793a\u662f\u6709\u987a\u5e8f\u7684\uff0c\u8fd9\u6837\u53ef\u4ee5\u65b9\u4fbf\u5728\u6982\u8981\u89c6\u56fe\u4e2d\u8fdb\u884c\u6392\u5e8f\u5904\u7406\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/6WkdE00A4KpyiSwLghf2.png\" alt=\"\" width=\"472\" height=\"331\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">3.\u6a21\u677f\u4f7f\u7528\u7ec6\u8282\u8bf4\u660e\uff1b<\/h2>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5728\u5185\u5bb9\u6846\u67b6\u4e2d\u7f16\u8f91\u754c\u9762\u5185\u5bb9\uff1b<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u754c\u9762\u7684\u4e3b\u8981\u5185\u5bb9\u5728\u5185\u5bb9\u6846\u67b6\u52a8\u6001\u9762\u677f\u4e2d\u8fdb\u884c\u7f16\u8f91\u548c\u7ef4\u62a4\uff0c\u7531\u4e8e\u8be5\u52a8\u6001\u9762\u677f\u8bbe\u7f6e\u4e86\u81ea\u52a8\u663e\u793a\u6eda\u52a8\u6761\uff0c\u5982\u679c\u4f60\u7684\u754c\u9762\u5185\u5bb9\u8d85\u51fa\u4e86\u4e00\u5c4f\uff0c\u5728\u6f14\u793a\u65f6\u53ef\u4ee5\u901a\u8fc7\u5728\u5185\u5bb9\u6846\u67b6\u533a\u57df\u6eda\u52a8\u9f20\u6807\u6eda\u8f6e\u67e5\u770b\u66f4\u591a\u5185\u5bb9\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5173\u4e8e\u6a21\u677f\u754c\u9762\u5143\u7d20\u7684\u5c3a\u5bf8\u8bf4\u660e\uff1a<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u6a21\u677f\u4e2d\u7684\u754c\u9762\u5143\u7d20\u7684\u5c3a\u5bf8\u5e76\u6ca1\u6709\u975e\u5e38\u4e25\u683c\u7684\u6807\u51c6\uff0c\u4ee5\u4e0b\u5c3a\u5bf8\u662f\u6211\u6839\u636e\u6bd4\u4f8b\u8fdb\u884c\u8bbe\u7f6e\u7684\uff0c\u4ec5\u4f9b\u53c2\u8003\u3002IphoneX\u72b6\u6001\u680f\uff1a44px\u3001IphoneX\u6807\u7b7e\u680f\uff1a80px\u3001Iphone8\u72b6\u6001\u680f\uff1a28px\u3001IphoneX\u6807\u7b7e\u680f\uff1a60px\u3001\u5bfc\u822a\u680f\uff1a40px\u3002\u53e6\u5916\uff0c\u5185\u5bb9\u533a\u57df\u7684\u9ad8\u5ea6\u56e0\u4e3a\u673a\u578b\u8bbe\u5907\u7684\u7d20\u6750\u56fe\u7247\u4e0d\u7edf\u4e00\u53ef\u80fd\u7565\u6709\u5dee\u5f02\uff0c\u57fa\u672c\u4e0a\u53ef\u4ee5\u5ffd\u7565\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u6bcf\u4e2a\u754c\u9762\u5bf9\u5e94\u4e00\u4e2a\u9875\u9762\uff1b<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5728\u8bbe\u8ba1\u539f\u578b\u65f6\u5efa\u8bae\u6bcf\u4e00\u4e2a\u754c\u9762\u521b\u5efa\u4e00\u4e2a\u5bf9\u5e94\u7684\u9875\u9762\uff0c\u901a\u8fc7\u6dfb\u52a0\u9875\u9762\u94fe\u63a5\u8fdb\u884c\u754c\u9762\u8df3\u8f6c\uff0c\u8fd9\u6837\u65b9\u4fbf\u5bf9\u539f\u578b\u8fdb\u884c\u7f16\u8f91\u548c\u7ef4\u62a4\u3002\u4e0d\u5efa\u8bae\u5c06\u591a\u4e2a\u754c\u9762\u7528\u52a8\u6001\u9762\u677f\u5806\u780c\u5728\u4e00\u8d77\u9875\u9762\u5185\uff0c\u8fd9\u6837\u4f1a\u4f7f\u8f93\u51fa\u7684\u539f\u578b\u5728\u6f14\u793a\u65f6\u51fa\u73b0\u5361\u987f\u73b0\u8c61\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5173\u4e8e\u5143\u7d20\u7684\u5c42\u7ea7\u987a\u5e8f\uff1b<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5728\u6982\u8981\u89c6\u56fe\u4e2d\u53ef\u4ee5\u770b\u5230\u76f8\u5173\u5143\u7d20\u5bf9\u5e94\u52a8\u6001\u9762\u677f\u7684\u5c42\u7ea7\u987a\u5e8f\uff0c\u5728\u4f7f\u7528\u8be5\u6a21\u677f\u7684\u65f6\u5019\u8bf7\u5c3d\u91cf\u53c2\u7167\u6b64\u987a\u5e8f\uff0c\u5426\u5219\u53ef\u80fd\u5728\u6f14\u793a\u65f6\u51fa\u73b0\u663e\u793a\u9519\u8bef\u7684\u60c5\u51b5\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5173\u4e8e\u5e95\u90e8\u6807\u7b7e\u680f\u7684\u8bbe\u7f6e\uff1b<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u4e3a\u4e86\u65b9\u4fbf\u7ef4\u62a4\u53ef\u4ee5\u5c06\u6807\u7b7e\u680f\u521b\u5efa\u4e3a\u6bcd\u7248\uff0c\u7136\u540e\u6dfb\u52a0\u5230\u9700\u8981\u663e\u793a\u6807\u7b7e\u680f\u7684\u9875\u9762\u4e2d\u3002\u53e6\u5916\uff0c\u5728\u5bf9\u5e94\u7684\u9875\u9762\u4e2d\u9700\u8981\u663e\u793a\u5bf9\u5e94\u7684\u6807\u7b7e\u9009\u4e2d\u6548\u679c\uff0c\u53ea\u9700\u8981\u5728\u8be5\u9875\u9762\u4e2d\u7684\u6807\u7b7e\u680f\u52a8\u6001\u9762\u677f\u4e2d\u6dfb\u52a0\u4e00\u4e2a\u9009\u4e2d\u6548\u679c\u7684\u6807\u7b7e\u5143\u4ef6\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u70ed\u533a\u5360\u4f4d\u7b26\u7684\u4f7f\u7528\uff1b<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\">\u5982\u679c\u9875\u9762\u4e2d\u6dfb\u52a0\u4e86\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\uff0c\u7531\u4e8e\u6807\u7b7e\u9875\u7684\u52a8\u6001\u9762\u677f\u5728\u5185\u5bb9\u6846\u67b6\u7684\u52a8\u6001\u9762\u677f\u4e4b\u4e0a\uff0c\u5728\u6f14\u793a\u65f6\u4f1a\u51fa\u73b0\u5185\u5bb9\u6709\u4e00\u90e8\u5206\u88ab\u6321\u4f4f\u7684\u60c5\u51b5\u3002\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u9ad8\u5ea6\u4e3a100px\u7684\u70ed\u533a\u5143\u4ef6\u4e3a\u6bcd\u7248\uff0c\u5c06\u6bcd\u7248\u62d6\u5165\u5bf9\u5e94\u7684\u9875\u9762\u5e95\u90e8\uff0c\u7528\u6765\u89e3\u51b3\u5185\u5bb9\u533a\u57df\u88ab\u6321\u4f4f\u7684\u95ee\u9898\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">4.\u5e38\u7528\u8bbe\u8ba1\u5143\u7d20\u53ca\u89c4\u8303<\/h2>\n<p style=\"margin-bottom: 15px;\">\u7ecf\u5e38\u6709\u670b\u53cb\u5411\u6211\u54a8\u8be2\u5982\u4f55\u8bbe\u8ba1\u51fa\u66f4\u6f02\u4eae\u7f8e\u89c2\u7684\u539f\u578b\uff0c\u867d\u7136\u539f\u5219\u4e0a\u539f\u578b\u80fd\u5b8c\u6574\u7684\u4f53\u73b0\u51fa\u9700\u6c42\u7ec6\u8282\u5373\u53ef\uff0c\u597d\u770b\u5e76\u4e0d\u662f\u6211\u4eec\u5728\u539f\u578b\u8f93\u51fa\u65f6\u5e94\u8be5\u5173\u6ce8\u7684\u91cd\u70b9\uff0c\u4f46\u662f\u5982\u679c\u80fd\u6ee1\u8db3\u8bf4\u660e\u9700\u6c42\u7684\u540c\u65f6\u80fd\u628a\u539f\u578b\u505a\u5f97\u66f4\u6f02\u4eae\u4e00\u4e9b\u66f4\u597d\uff0c\u8fd9\u4e5f\u7b97\u662f\u4f53\u73b0\u4e13\u4e1a\u7a0b\u5ea6\u548c\u5de5\u4f5c\u6001\u5ea6\u7684\u4e00\u4e2a\u65b9\u9762\uff0c\u800c\u4e14\u5f88\u591a\u4eba\u5bf9\u81ea\u5df1\u7684\u8f93\u51fa\u7269\u4e5f\u662f\u6709\u5f3a\u70c8\u7684\u7f8e\u611f\u8ffd\u6c42\u7684\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u5176\u5b9e\u539f\u578b\u8bbe\u8ba1\u4e0d\u9700\u8981\u4e86\u89e3\u592a\u590d\u6742\u7684\u8bbe\u8ba1\u65b9\u6cd5\uff0c\u53ea\u8981\u638c\u63e1\u4e00\u70b9\u7b80\u5355\u7684\u6280\u5de7\u5c31\u80fd\u8fbe\u5230\u7f8e\u89c2\u7684\u6548\u679c\uff0c\u540c\u65f6\u80fd\u8ba9\u6574\u4f53\u66f4\u7edf\u4e00\u548c\u6807\u51c6\u3002\u5728\u5206\u4eab\u7684\u8fd9\u5957\u6a21\u677f\u4e2d\u5305\u542b\u4e86\u4e00\u4e9b\u57fa\u672c\u7684\u8bbe\u8ba1\u5143\u7d20\uff0c\u6211\u4e0b\u9762\u5bf9\u5176\u4e2d\u7684\u4e00\u4e9b\u89c4\u8303\u7ec6\u8282\u8fdb\u884c\u8bf4\u660e\uff0c\u4f9b\u5927\u5bb6\u8fdb\u884c\u53c2\u8003\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u914d\u8272\u65b9\u6848<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/z9NEIuxJlnAFn7auI8bB.png\" alt=\"\" width=\"580\" height=\"712\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u25c6 \u4e00\u822c\u91c7\u7528\u9ed1\u767d\u7070\u7684\u914d\u8272\u65b9\u6848\u5c31\u80fd\u591f\u6ee1\u8db3\u57fa\u672c\u8bbe\u8ba1\u8981\u6c42\u4e86\uff0c\u4f46\u662f\u5982\u679c\u80fd\u7a0d\u5fae\u5f97\u52a0\u4e0a\u4e00\u4e9b\u4eae\u8272\u7684\u914d\u8272\u6548\u679c\uff0c\u53ef\u4ee5\u4f7f\u539f\u578b\u66f4\u597d\u7684\u4f53\u73b0\u51fa\u89c6\u89c9\u5c42\u7ea7\uff0c\u8fd9\u5bf9UI\u662f\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\u7684\u3002\u4e0d\u8981\u611f\u89c9\u5f97\u914d\u8272\u6548\u679c\u80fd\u591f\u5f71\u54cdUI\u7684\u8bbe\u8ba1\uff0c\u5982\u679cUI\u4f1a\u88ab\u539f\u578b\u4e2d\u7684\u914d\u8272\u5f71\u54cd\uff0c\u53ea\u80fd\u8bf4\u660eUI\u7684\u8bbe\u8ba1\u80fd\u529b\u6709\u5f85\u63d0\u5347\uff1b<\/p>\n<\/li>\n<li>\n<p>\u6574\u5957\u539f\u578b\u4e2d\u4eae\u8272\u4e3b\u8272\u8c03\u4e0d\u8981\u8d85\u8fc7\u4e24\u4e2a\uff0c\u5bf9\u4e8e\u4e3b\u8981\u6309\u7ebd\u548c\u91cd\u70b9\u63d0\u793a\u53ef\u4ee5\u52a0\u4e0a\u4e3b\u8272\u8c03\u8272\u503c\uff0c\u6b21\u8981\u5143\u7d20\u7edf\u4e00\u4f7f\u7528#000000\u3001#333333\u3001#999999\u7b49\u7070\u8272\u8f85\u52a9\u8272\uff1b<\/p>\n<\/li>\n<li>\n<p>\u25c6 \u6a21\u677f\u4e2d\u7684\u8fd9\u5957\u6a21\u677f\u65b9\u6848\u4e2d\u7684\u4e3b\u8272\u8c03\u662f\u4eceIOS11\u7684UI\u8bbe\u8ba1\u89c4\u8303\u4e2d\u63d0\u53d6\u7684\uff0c\u4f60\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u9700\u8981\u6574\u7406\u4e00\u5957\u81ea\u5df1\u7684\u914d\u8272\u65b9\u6848\uff0c\u5efa\u8bae\u5c3d\u91cf\u4f7f\u7528\u6241\u5e73\u5316\u8bbe\u8ba1\u8272\u503c\uff1b<\/p>\n<\/li>\n<\/ul>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u914d\u8272\u677f\u4f7f\u7528<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/9IBYtJwwCSoaVfxox8oV.png\" alt=\"\" width=\"262\" height=\"333\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">Axure\u4e2d\u7684\u914d\u8272\u677f\u63d0\u4f9b\u4e86\u4e00\u4e9b\u5e38\u7528\u7684\u989c\u8272\u8272\u503c\uff0c\u53ef\u7528\u4f5c\u4e00\u4e9b\u5e38\u7528\u5143\u7d20\u7684\u989c\u8272\u914d\u8272\u3002\u4f8b\u5982\u622a\u56fe\u4e2d\u6807\u6ce81\u4e2d\u7684\u7eb5\u5411\u7684\u7070\u8272\u8272\u503c\u53ef\u7528\u4e8e\u76f8\u5173\u5b57\u4f53\u5143\u7d20\u7684\u989c\u8272\uff0c\u6807\u6ce82\u4e2d\u6a2a\u5411\u7684\u7070\u8272\u8272\u503c\u53ef\u7528\u4e8e\u76f8\u5173\u5143\u7d20\u7684\u80cc\u666f\u548c\u7ebf\u6761\u7684\u989c\u8272\u3002\u53e6\u5916\uff0c\u70b9\u51fb\u6807\u6ce83\u4e2d\u7684\u66f4\u591a\u6309\u7ebd\uff0c\u53ef\u4ee5\u5c06\u5176\u5b83\u7684\u5e38\u7528\u8272\u503c\u52a0\u5165\u5230\u81ea\u5b9a\u4e49\u989c\u8272\u4e2d\uff0c\u65b9\u4fbf\u5feb\u901f\u7684\u4f7f\u7528\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5b57\u4f53\u5143\u7d20<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/AGPxgYEo69pRu8VV6THY.png\" alt=\"\" width=\"703\" height=\"866\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u25c6 \u539f\u578b\u8bbe\u8ba1\u65f6\u7684\u5b57\u4f53\u5b57\u53f7\u5efa\u8bae\u7edf\u4e00\u4f7f\u7528\u5076\u6570\uff0c\u5e38\u7528\u7684\u6807\u9898\u5b57\u53f7\u4e3a16px\u300118px\u300120px\uff0c\u5e38\u7528\u7684\u6b63\u6587\u5b57\u53f7\u4e3a12px\u300114px\uff1b<\/p>\n<\/li>\n<li>\n<p>\u9488\u5bf9\u4e0d\u540c\u5b57\u4f53\u5927\u5c0f\u7684\u591a\u884c\u6587\u672c\u5355\u72ec\u8bbe\u7f6e\u5bf9\u5e94\u7684\u884c\u95f4\u8ddd\uff0c\u4f8b\u598212px\u7684\u591a\u884c\u6587\u672c\u884c\u95f4\u8ddd\u5efa\u8bae\u8bbe\u7f6e\u4e3a20\uff0c14px\u7684\u591a\u884c\u6587\u672c\u884c\u95f4\u8ddd\u5efa\u8bae\u8bbe\u7f6e\u4e3a28\uff1b<\/p>\n<\/li>\n<li>\n<p>\u63a8\u8350\u4e2d\u6587\u5b57\u4f53\u7edf\u4e00\u4f7f\u7528\u5fae\u8f6f\u96c5\u9ed1\uff0c\u7531\u4e8eAxure\u7684\u9ed8\u8ba4\u5b57\u4f53\u4e3aArial\uff0c\u53ef\u4ee5\u901a\u8fc7\u751f\u6210HTML\u8bbe\u7f6e\u4e2d\u7684\u5b57\u4f53\u6620\u5c04\uff0c\u5c06Arial\u6620\u5c04\u4e3a\u5fae\u8f6f\u96c5\u9ed1\uff0c\u8fd9\u6837\u5c31\u4e0d\u9700\u8981\u5728\u8bbe\u8ba1\u65f6\u53bb\u5355\u72ec\u8bbe\u7f6e\u6bcf\u4e2a\u5143\u4ef6\u7684\u5b57\u4f53\u4e86\u3002<\/p>\n<\/li>\n<\/ul>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5176\u5b83\u5143\u7d20<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/lBtlq2jqtdCBrfJHFFpi.png\" alt=\"\" width=\"579\" height=\"710\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u25c6 \u539f\u578b\u8bbe\u8ba1\u65f6\u5143\u4ef6\u7684\u5bbd\u5ea6\u5efa\u8bae\u7edf\u4e00\u4fdd\u6301\u4e3a5\u548c10\u7684\u500d\u6570\uff0c\u5143\u4ef6\u7684\u95f4\u8ddd\u5efa\u8bae\u4e3a10px\u621620px\uff1b<\/p>\n<\/li>\n<li>\n<p>\u25c6 \u4f7f\u7528\u952e\u76d8\u65b9\u5411\u952e\u79fb\u52a8\u9009\u4e2d\u7684\u5143\u4ef6\u65f6\u6bcf\u6b21\u79fb\u52a8\u8ddd\u79bb\u4e3a1px \uff0c\u4f7f\u7528ctrl+\u952e\u76d8\u65b9\u5411\u952e\u6bcf\u6b21\u79fb\u52a8\u8ddd\u79bb\u4e3a10px\uff1b<\/p>\n<\/li>\n<li>\n<p>\u25c6 \u6309\u4f4fCtrl+\u9f20\u6807\u62d6\u52a8\u53ef\u4ee5\u5feb\u901f\u7684\u590d\u5236\u5143\u4ef6\uff0c\u6309\u4f4fShift+\u9f20\u6807\u62d6\u52a8\u53ef\u4ee5\u5782\u76f4\u6216\u6c34\u5e73\u7684\u79fb\u52a8\u5143\u4ef6\uff1b<\/p>\n<\/li>\n<\/ul>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u5bf9\u9f50\u53ca\u5206\u5e03\u5de5\u5177\u4f7f\u7528<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/Xqag4wJnbVFXK8ty7XF1.png\" alt=\"\" width=\"433\" height=\"75\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u6709\u5bf9\u9f50\u5f3a\u8feb\u75c7\u7684\u670b\u53cb\u53ef\u4ee5\u4f7f\u7528\u9876\u90e8\u5de5\u5177\u680f\u4e2d\u7684\u5bf9\u9f50\u53ca\u5206\u5e03\u5de5\u5177\u5bf9\u5143\u4ef6\u8fdb\u884c\u5904\u7406\uff0c\u53f3\u51fb\u9876\u90e8\u7684\u5de5\u5177\u680f\u533a\u25c6 \u57df\u53ef\u4ee5\u81ea\u5b9a\u4e49\u663e\u793a\u6216\u9690\u85cf\u76f8\u5173\u7684\u5de5\u5177\u56fe\u6807\uff1b<\/p>\n<\/li>\n<li>\n<p>\u9009\u4e2d\u591a\u4e2a\u5143\u4ef6\u65f6\u53ef\u4ee5\u4f7f\u7528\u5bf9\u9f50\u5de5\u5177\u5feb\u901f\u7684\u5bf9\u591a\u4e2a\u5143\u4ef6\u8fdb\u884c\u5404\u79cd\u5bf9\u9f50\u5904\u7406\uff0c\u8fd8\u53ef\u4ee5\u4f7f\u7528\u5206\u5e03\u5de5\u5177\u5feb\u901f\u7684\u5bf9\u591a\u4e2a\u5143\u4ef6\u8fdb\u884c\u5782\u76f4\u6216\u6c34\u5e73\u5206\u5e03\u5904\u7406\uff1b<\/p>\n<\/li>\n<\/ul>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">5.\u4f7f\u7528\u8f85\u52a9\u7ebf\u8fdb\u884c\u6392\u7248\uff1b<\/h2>\n<p style=\"margin-bottom: 15px;\">\u5728\u4ee5\u524d\u7684\u6559\u7a0b\u4e2d\u5df2\u7ecf\u4ecb\u7ecd\u8fc7\u8f85\u52a9\u7ebf\u7684\u4f7f\u7528\u65b9\u6cd5\uff0c\u5408\u7406\u7684\u4f7f\u7528\u8f85\u52a9\u7ebf\u53ef\u4ee5\u5e2e\u52a9\u6211\u4eec\u63d0\u5347\u8bbe\u8ba1\u6548\u7387\uff0c\u540c\u65f6\u80fd\u8ba9\u8f93\u51fa\u7684\u539f\u578b\u6548\u679c\u66f4\u6807\u51c6\uff0c\u6240\u4ee5\u5f3a\u70c8\u5efa\u8bae\u5927\u5bb6\u5728\u8bbe\u8ba1\u8fc7\u7a0b\u4e2d\u4f7f\u7528\u3002\u4ee5\u4e0b\u662f\u6a21\u677f\u4e2d\u5185\u5bb9\u6846\u67b6\u7f16\u8f91\u533a\u57df\u7684\u622a\u56fe\uff0c\u662f\u6211\u5e38\u7528\u4f7f\u7528\u8f85\u52a9\u7ebf\u7528\u6765\u6392\u7248\u7684\u65b9\u5f0f\u3002\u622a\u56fe\u4e2d\u7684\u8f85\u52a9\u7ebf\u5747\u4e3a\u6a2a\u5411x\u8f74\u8f85\u52a9\u7ebf\uff0c\u53ef\u4ee5\u770b\u5230\u5176\u4e2d\u5171\u67094\u6761\uff0c\u5206\u522b\u4ecb\u7ecd\u4e00\u4e0b\u5b83\u4eec\u7684\u4f5c\u7528\u548c\u4f4d\u7f6e\uff1a<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/rhHIqxzsEKqcmce9d70K.png\" alt=\"\" width=\"408\" height=\"672\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>&nbsp;\u7b2c1\u6761\u8f85\u52a9\u7ebf\u662f\u7528\u6765\u5212\u5206\u5de6\u8fb9\u7684\u5185\u5bb9\u7559\u767d\u533a\u57df\uff0c\u4f8b\u5982\u6211\u4e00\u822c\u4e60\u60ef\u5c06\u5de6\u8fb9\u7559\u767d\u4e3a20px\uff0c\u8fd9\u6761\u8f85\u52a9\u7ebf\u4f4d\u4e8ex\u8f74\u768420px\u4f4d\u7f6e\u3002<\/p>\n<\/li>\n<li>\n<p>&nbsp;\u7b2c2\u6761\u8f85\u52a9\u7ebf\u662f\u5185\u5bb9\u5c45\u4e2d\u8f85\u52a9\u7ebf\uff0c\u4e4b\u524d\u5df2\u7ecf\u4ecb\u7ecd\u8fc7\u6a21\u677f\u7684\u8bbe\u8ba1\u5bbd\u5ea6\u6807\u51c6\u4e3a375px\uff0c\u8fd9\u6761\u8f85\u52a9\u7ebf\u4f4d\u4e8ex\u8f74\u7684188px\u4f4d\u7f6e\uff1b\uff08375px\/2=187.5px\uff09<\/p>\n<\/li>\n<li>\n<p>\u7b2c3\u6761\u8f85\u52a9\u7ebf\u7528\u6765\u5212\u5206\u53f3\u8fb9\u7684\u5185\u5bb9\u7559\u767d\u533a\u57df\uff0c\u4f8b\u5982\u53f3\u8fb9\u8ddf\u5de6\u8fb9\u7559\u767d\u4e00\u6837\u4e3a20px\uff0c\u8fd9\u6761\u8f85\u52a9\u7ebf\u4f4d\u4e8ex\u8f74\u7684355px\u4f4d\u7f6e\uff1b(375px-20px=355px)<\/p>\n<\/li>\n<li>\n<p>\u7b2c4\u6761\u8f85\u52a9\u7ebf\u662f\u7528\u6765\u5212\u5206\u5185\u5bb9\u8bbe\u8ba1\u533a\u57df\uff0c\u4f8b\u5982\u6a21\u677f\u7684\u8bbe\u8ba1\u5bbd\u5ea6\u6807\u51c6\u4e3a375px\uff0c\u8fd9\u6761\u8f85\u52a9\u7ebf\u4f4d\u4e8e\u4f4d\u4e8ex\u8f74\u7684375px\u4f4d\u7f6e\uff1b<\/p>\n<\/li>\n<\/ul>\n<p style=\"margin-bottom: 15px;\">\u8fd9\u4e9b\u8f85\u52a9\u7ebf\u7684\u7528\u6cd5\u53ea\u662f\u4f5c\u4e3a\u53c2\u8003\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u9700\u8981\u65b0\u5efa\u5bf9\u5e94\u7684\u8f85\u52a9\u7ebf\u3002\u9f20\u6807\u5149\u6807\u79fb\u52a8\u5230\u7f16\u8f91\u533a\u57df\u7684\u5de6\u4fa7\u548c\u9876\u90e8\u7684\u6807\u5c3a\u533a\u57df\uff0c\u6309\u4f4f\u9f20\u6807\u5de6\u952e\u5e76\u5f80\u7f16\u8f91\u533a\u57df\u62d6\u52a8\u65f6\uff0c\u5c31\u53ef\u4ee5\u751f\u6210\u6a2a\u5411x\u8f74\u6216\u7eb5\u5411y\u8f74\u7684\u8f85\u52a9\u7ebf\uff0c\u7136\u540e\u5c06\u8f85\u52a9\u7ebf\u62d6\u52a8\u5230\u5bf9\u5e94\u7684\u4f4d\u7f6e\u5373\u53ef\u3002\u8f85\u52a9\u7ebf\u8fd8\u6709\u4e00\u4e2a\u7279\u6027\u5c31\u662f\u5f53\u62d6\u52a8\u5143\u4ef6\u9760\u8fd1\u5b83\u65f6\uff0c\u5143\u4ef6\u4f1a\u81ea\u52a8\u5438\u9644\u5230\u8f85\u52a9\u7ebf\u7684\u8fb9\u7f18\u8fbe\u5230\u5feb\u901f\u5bf9\u9f50\u7684\u6548\u679c\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u51e0\u70b9\u8f85\u52a9\u7ebf\u7684\u4f7f\u7528\u5c0f\u6280\u5de7\uff1a<\/span><\/h3>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u53f3\u51fb\u8f85\u52a9\u7ebf\u53ef\u4ee5\u5c06\u5176\u9501\u5b9a\uff0c\u4ee5\u9632\u6b62\u62d6\u52a8\u5143\u4ef6\u65f6\u4f1a\u5c06\u8f85\u52a9\u7ebf\u4f1a\u8ddf\u7740\u4e00\u8d77\u79fb\u52a8\uff1b<\/p>\n<\/li>\n<li>\n<p>\u53ef\u4ee5\u901a\u8fc7\u6309\u4f4fCtrl\u62d6\u52a8\u521b\u5efa\u5168\u5c40\u8f85\u52a9\u7ebf\uff0c\u5168\u5c40\u8f85\u52a9\u7ebf\u5c31\u662f\u5728\u6240\u6709\u9875\u9762\u4e2d\u4ea7\u751f\u4e00\u6761\u76f8\u540c\u7684\u8f85\u52a9\u7ebf\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5728\u201c\u5e03\u5c40\u2014\u6805\u683c\u548c\u8f85\u52a9\u7ebf\u2014\u9501\u5b9a\u8f85\u52a9\u7ebf\u201d\u4e2d\u9009\u4e2d\u53ef\u4ee5\u5c06\u6240\u6709\u7684\u8f85\u52a9\u7ebf\u4fdd\u6301\u9501\u5b9a\u72b6\u6001\u4e14\u65e0\u6cd5\u5220\u9664\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5728\u201c\u5e03\u5c40\u2014\u6805\u683c\u548c\u8f85\u52a9\u7ebf\u2014\u5220\u9664\u8f85\u52a9\u7ebf\u201d\u4e2d\u53ef\u4ee5\u6e05\u9664\u6240\u6709\u9875\u9762\u4e2d\u7684\u8f85\u52a9\u7ebf\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5728\u201c\u5e03\u5c40\u2014\u6805\u683c\u548c\u8f85\u52a9\u7ebf\u2014\u8f85\u52a9\u7ebf\u8bbe\u7f6e\u201d\u4e2d\u53ef\u4ee5\u4fee\u6539\u8f85\u52a9\u7ebf\u7684\u989c\u8272\u6216\u8fdb\u884c\u66f4\u591a\u8bbe\u7f6e\uff1b<\/p>\n<\/li>\n<\/ul>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">6.Toast\u63d0\u793a\u4ea4\u4e92\u8bbe\u7f6e\uff1b<\/h2>\n<p style=\"margin-bottom: 15px;\">\u79fb\u52a8\u7aef\u539f\u578b\u4e2d\u6700\u5e38\u7528\u7684\u4ea4\u4e92\u6548\u679c\u5c31\u662f\u5f39\u51fa\u5c42\u548c\u8f7b\u63d0\u793a\u4e24\u79cd\uff0c\u6a21\u677f\u4e2d\u5df2\u7ecf\u5305\u542b\u4e86\u8fd9\u79cd\u4e24\u4ea4\u4e92\u6548\u679c\u7684\u76f8\u5173\u5143\u4ef6\u548c\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u518d\u5355\u72ec\u7b80\u5355\u7684\u4ecb\u7ecd\u4e00\u4e0b\u3002<\/p>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">Toast\u63d0\u793a\u663e\u793a\u6548\u679c<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/1zKeOFqjEehn4eEY5cMz.png\" alt=\"\" width=\"651\" height=\"791\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u6a21\u677f\u9875\u9762\u7684\u6982\u8981\u89c6\u56fe\u4e2d\u53ef\u4ee5\u770b\u5230\u540d\u4e3a\u201c\u63d0\u793a\u201d\u7684\u52a8\u6001\u9762\u677f\uff0c\u9700\u8981\u663e\u793a\u7684\u63d0\u793a\u4fe1\u606f\u5728\u8fd9\u4e2a\u52a8\u6001\u9762\u677f\u4e2d\u7f16\u8f91\u5c31\u53ef\u4ee5\u4e86\u3002\u5f53\u524d\u7684\u52a8\u6001\u9762\u677f\u4e2d\u6709\u4e00\u4e2a\u201c\u64cd\u4f5c\u6210\u529f\u201d\u7684\u63d0\u793a\u72b6\u6001\uff0c\u5982\u679c\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u663e\u793a\u591a\u4e2a\u63d0\u793a\uff0c\u53ef\u4ee5\u65b0\u589e\u5bf9\u5e94\u7684\u72b6\u6001\u7136\u540e\u4fee\u6539\u76f8\u5173\u7684\u63d0\u793a\u5185\u5bb9\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/KZh8KvSVRe6vXhUXPrpp.png\" alt=\"\" width=\"417\" height=\"393\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u9009\u4e2d\u63d0\u793a\u7684\u52a8\u6001\u9762\u677f\u7684\u72b6\u6001\u53f3\u51fb\u9009\u62e9\u590d\u5236\u72b6\u6001\u53ef\u4ee5\u5feb\u901f\u521b\u5efa\u65b0\u7684\u63d0\u793a\u3002\u5efa\u8bae\u5bf9\u6bcf\u4e2a\u5bf9\u5e94\u7684\u63d0\u793a\u72b6\u6001\u8fdb\u884c\u547d\u540d\uff0c\u8fd9\u6837\u65b9\u4fbf\u540e\u7eed\u8fdb\u884c\u7ba1\u7406\u3002\u5173\u4e8e\u8f7b\u63d0\u793a\u7684\u57fa\u672c\u4f7f\u7528\u89c4\u8303\u8bf7\u53c2\u7167\u524d\u9762\u7684\u4ecb\u7ecd\u5185\u5bb9\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/MsT7fY01BbQGJ9ayMWFi.png\" alt=\"\" width=\"677\" height=\"447\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">Toast\u63d0\u793a\u7684\u663e\u793a\u65b9\u5f0f\u8bbe\u7f6e\u5f88\u7b80\u5355\uff0c\u53ea\u9700\u8981\u5728\u5bf9\u5e94\u7684\u5143\u4ef6\u4e8b\u4ef6\u4e0a\u52a0\u5165\u4ee5\u4e0a\u7684\u4ea4\u4e92\u52a8\u4f5c\u3002\u9996\u5148\u8bbe\u7f6e\u63d0\u793a\u52a8\u6001\u9762\u677f\u4e2d\u5bf9\u5e94\u7684\u72b6\u6001\uff0c\u7136\u540e\u8bbe\u7f6e\u663e\u793a\u52a8\u6001\u9762\u677f\uff0c\u663e\u793a\u65f6\u6709\u4e00\u4e2a\u9010\u6e10\u7684\u52a8\u753b\u6548\u679c\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/o9E9mnxHxuKjieFcvR7B.png\" alt=\"\" width=\"680\" height=\"449\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">Toast\u63d0\u793a\u663e\u793a\u4ee5\u540e\u4f1a\u57283\u79d2\u540e\u81ea\u52a8\u9010\u6e10\u9690\u85cf\uff0c\u6a21\u677f\u4e2d\u7684\u8fd9\u4e2a\u4ea4\u4e92\u52a8\u4f5c\u5df2\u7ecf\u52a0\u5728\u63d0\u793a\u52a8\u6001\u9762\u677f\u7684\u663e\u793a\u65f6\u4e8b\u4ef6\u4e2d\u4e86\uff0c\u4e0d\u9700\u8981\u518d\u5355\u72ec\u7684\u8fdb\u884c\u8bbe\u7f6e\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">7.\u5e38\u7528\u5f39\u5c42\u4ea4\u4e92\u8bbe\u7f6e<\/h2>\n<h3 style=\"padding-bottom: 5px; border-bottom: 1px solid rgb(233, 233, 233); font-size: 18px; margin-top: 30px; margin-bottom: 10px; line-height: 1.6;\"><span style=\"font-weight: bolder;\">\u6a21\u6001\u7a97\u53e3\u4ea4\u4e92\u6548\u679c<\/span><\/h3>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/WntIaoXYd84TXiCAUCei.png\" alt=\"\" width=\"691\" height=\"838\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u79fb\u52a8\u7aef\u7684\u5f39\u5c42\u5171\u5206\u4e3a\u6a21\u6001\u7a97\u53e3\u3001\u52a8\u4f5c\u9762\u677f\u3001\u5f39\u51fa\u9762\u677f\u7b49\u51e0\u79cd\u4e0d\u540c\u7684\u7c7b\u578b\u3002\u5728\u6a21\u677f\u9875\u9762\u7684\u6982\u8981\u89c6\u56fe\u4e2d\u53ef\u4ee5\u770b\u5230\u540d\u4e3a\u201c\u5f39\u5c42\u201d\u7684\u52a8\u6001\u9762\u677f\uff0c\u53ef\u4ee5\u6839\u636e\u9700\u8981\u521b\u5efa\u66f4\u591a\u5176\u5b83\u7684\u5f39\u5c42\u72b6\u6001\uff0c\u8fd8\u80fd\u5728\u5bf9\u5e94\u7684\u9762\u677f\u72b6\u6001\u5c5e\u6027\u4e2d\u8bbe\u7f6e\u900f\u660e\u80cc\u666f\u7684\u906e\u7f69\u6548\u679c\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/UGBkEPTTRyl0qou80liq.png\" alt=\"\" width=\"598\" height=\"395\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u4e0a\u9762\u622a\u56fe\u4e2d\u7684\u4e3a\u6bd4\u8f83\u5e38\u89c1\u7684\u6a21\u6001\u7a97\u53e3\u5f39\u5c42\u6548\u679c\uff0c\u8bbe\u7f6e\u65b9\u5f0f\u662f\u5728\u5bf9\u5e94\u7684\u5143\u4ef6\u4e8b\u4ef6\u4e0a\u52a0\u5165\u4ee5\u4e0a\u7684\u4ea4\u4e92\u52a8\u4f5c\u3002\u53e6\u5916\uff0c\u6839\u636e\u6a21\u6001\u7a97\u53e3\u3001\u52a8\u4f5c\u9762\u677f\u3001\u5f39\u51fa\u9762\u677f\u8fd9\u51e0\u79cd\u5f39\u5c42\u7c7b\u578b\u7684\u5f39\u51fa\u65b9\u5f0f\u4e0d\u540c\uff0c\u9700\u8981\u8bbe\u7f6e\u663e\u793a\u65f6\u4e3a\u5411\u4e0a\u6ed1\u52a8\u548c\u9010\u6b65\u7b49\u52a8\u753b\u6548\u679c\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px;\">8.\u5bfc\u822a\u680f\u5207\u6362\u4ea4\u4e92\u8bbe\u7f6e<\/h2>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/LcawJ5iZdZixcOTeHaJ4.png\" alt=\"\" width=\"395\" height=\"362\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u6700\u540e\u4ecb\u7ecd\u4e00\u4e0b\u5982\u4f55\u5b9e\u73b0\u5185\u5bb9\u533a\u57df\u6eda\u52a8\u65f6\uff0c\u5bfc\u822a\u680f\u81ea\u52a8\u5207\u6362\u7684\u4ea4\u4e92\u6548\u679c\u3002\u9996\u5148\u9700\u8981\u5728\u5bfc\u822a\u680f\u7684\u52a8\u6001\u9762\u677f\u4e2d\u521b\u5efa\u5bf9\u5e94\u7684\u72b6\u6001\uff0c\u7136\u540e\u9009\u4e2d\u5185\u5bb9\u6846\u67b6\u52a8\u6001\u9762\u677f\uff0c\u5728\u5b83\u7684\u6eda\u52a8\u65f6\u4e8b\u4ef6\u4e2d\u6309\u7167\u4e0a\u9762\u7684\u683c\u5f0f\u52a0\u5165\u5bf9\u5e94\u7684\u6761\u4ef6\u5224\u65ad\u5373\u53ef\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/11\/DPBEobht7Hm115Jjro0k.png\" alt=\"\" width=\"625\" height=\"368\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px;\">\u5728\u8fd9\u4e2a\u8bbe\u7f6e\u7528\u5230\u4e86\u6761\u4ef6\u5224\u65ad\u548c\u51fd\u6570\uff0c\u6761\u4ef6\u7684\u8be6\u7ec6\u8bbe\u7f6e\u89c1\u4e0a\u65b9\u7684\u622a\u56fe\u3002\u5b83\u7684\u539f\u7406\u662f\u5f53\u5185\u5bb9\u6846\u67b6\u5782\u76f4\u6eda\u52a8\u9ad8\u5ea6\u5927\u4e8e70\u65f6\u8bbe\u7f6e\u5bfc\u822a\u680f\u52a8\u6001\u9762\u677f\u7684\u663e\u793a\u72b6\u6001\u4e3a2\uff0c\u5f53\u5185\u5bb9\u6846\u67b6\u5782\u76f4\u6eda\u52a8\u9ad8\u5ea6\u5927\u5c0f\u4e8e70\u8bbe\u7f6e\u5bfc\u822a\u680f\u52a8\u6001\u9762\u677f\u7684\u663e\u793a\u72b6\u6001\u4e3a1\u3002\u5176\u4e2d\u7528\u5230\u7684This.scrollY\u51fd\u6570\u662f\u83b7\u53d6\u5f53\u524d\u5143\u4ef6\u7684\u76f4\u6eda\u52a8\u9ad8\u5ea6\uff0c70\u7684\u503c\u53ef\u4ee5\u6839\u636e\u9700\u8981\u81ea\u5df1\u8bbe\u7f6e\u3002<\/p>\n<p style=\"margin-bottom: 15px;\">\u597d\u4e86\uff0c\u5230\u6b64\u8fd9\u7bc7\u57fa\u4e8e\u8bbe\u5907\u6a21\u677f\u7684\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\u7684\u5206\u4eab\u57fa\u672c\u4ecb\u7ecd\u5b8c\u4e86\u3002\u6700\u540e\u63d0\u4f9b\u7684\u662fiPhoneX And iPhone8 Mockup \u539f\u578b\u6a21\u677f\u7684\u6e90\u6587\u4ef6\u4e0b\u8f7d\uff0c\u5927\u5bb6\u53ef\u4ee5\u7ed3\u5408\u672c\u6587\u4e2d\u7684\u76f8\u5173\u4ecb\u7ecd\u8fdb\u884c\u4f7f\u7528\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><span style=\"font-weight: bolder;\">\u4e0b\u8f7d\u5730\u5740\uff1a<\/span><a href=\"https:\/\/pan.baidu.com\/s\/1nvBVgYt\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/pan.baidu.com\/s\/1nvBVgYt<\/a><\/p>\n<p style=\"margin-bottom: 15px;\">\u6700\u540e\u518d\u7ed9\u5927\u5bb6\u5206\u4eab\u4e00\u5957\u672c\u4eba\u6574\u7406\u8bbe\u8ba1\u7684\u79fb\u52a8\u7aef\u5143\u4ef6\u5e93\uff0c\u8fd9\u5957\u5143\u4ef6\u5e93\u4e2d\u7684\u76f8\u5173\u5143\u4ef6\u662f\u53ef\u4ee5\u5728\u8fd9\u4e2a\u6a21\u677f\u4e2d\u590d\u7528\u7684\uff0c\u540e\u7eed\u4e5f\u4f1a\u4e0d\u65ad\u7684\u8fdb\u884c\u4f18\u5316\u548c\u5b8c\u5584\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u5173\u6ce8\u4e00\u4e0b\u3002<\/p>\n<p style=\"margin-bottom: 15px;\"><span style=\"font-weight: bolder;\">\u6f14\u793a\u53ca\u4e0b\u8f7d\uff1a<\/span><a href=\"http:\/\/www.axureux.com\/home\/librariesmoblite.html\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.axureux.com\/home\/librariesmoblite.html<\/a><\/p>\n<p style=\"margin-bottom: 15px;\"><\/p>\n<blockquote style=\"margin-bottom: 15px; background-color: rgb(242, 245, 251); padding: 5px 20px; margin-left: 0px; margin-right: 0px; color: rgb(36, 51, 66); border-left: 5px solid rgb(208, 214, 220); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal;\">\n<p style=\"margin-bottom: 15px;\">\u4e00\u76f4\u4ee5\u6765Axure\u5728\u5bf9\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u9762\u7684\u652f\u6301\u90fd\u4e0d\u662f\u5341\u5206\u7406\u60f3\uff0c\u5b83\u6ca1\u6709\u50cf\u76ee\u524d\u5176\u5b83\u51e0\u7c7b\u539f\u578b\u8bbe\u8ba1\u5de5\u5177(Justinmind\u3001\u58a8\u5200\u7b49)\u4e00\u6837\u63d0\u4f9b\u79fb\u52a8\u7aef\u8bbe\u5907\u7684\u6a21\u677f\u548c\u76f8\u5173\u4ea4\u4e92\u7ec4\u4ef6\uff0c\u4f46\u662fAxure\u81ea\u7531\u7075\u6d3b\u7684\u7279\u6027\u5374\u540c\u6837\u7684\u5176\u5b83\u539f\u578b\u8bbe\u8ba1\u5de5\u5177\u6240\u65e0\u6cd5\u53d6\u4ee3\u7684\u3002\u901a\u8fc7\u638c\u63e1\u4e00\u4e9b\u8bbe\u8ba1\u89c4\u8303\u548c\u65b9\u6cd5\uff0c\u6211\u4eec\u540c\u6837\u53ef\u4ee5\u901a\u8fc7Axure\u5236\u4f5c\u51fa\u975e\u5e38\u5b8c\u7f8e\u7684\u79fb\u52a8\u7aef\u6f14\u793a\u539f\u578b\u3002<\/p>\n<\/blockquote>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"size-full wp-image-692807 aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/tl4MlvlqZFVptDbDkAOX.png\" alt=\"\" width=\"800\" height=\"350\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u9996\u5148\u4f60\u53ef\u4ee5\u901a\u8fc7\u624b\u673a\u6216\u7535\u8111\u8bbf\u95ee\u4ee5\u4e0b\u5730\u5740\uff0c\u8fd9\u662f\u6211\u8bbe\u8ba1\u5b8c\u6210\u7684\u79fb\u52a8\u7aef\u539f\u578b\u6a21\u677f\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><span style=\"font-weight: bolder;\">\u6f14\u793a\u5730\u5740\uff1a<\/span><a href=\"http:\/\/www.axureux.com\/demo\/TemplatesMobEC\/startapp.html\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-color: transparent;\">http:\/\/www.axureux.com\/demo\/TemplatesMobEC\/startapp.html<\/a><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><\/p>\n<h2 class=\"article-title\" style=\"font-size: 22px; margin-top: 5px; line-height: 1.4; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">\u4f7f\u7528Axure\u6253\u9020\u6700\u4f73\u7684\u79fb\u52a8\u7aef\u4ea4\u4e92\u539f\u578b\u6559\u7a0b<\/h2>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">1. \u9009\u62e9\u9002\u5408\u7684\u8bbe\u8ba1\u5206\u8fa8\u7387<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u5728\u5f00\u59cb\u8bbe\u8ba1\u539f\u578b\u4e4b\u524d\u6211\u4eec\u9700\u8981\u505a\u7684\u7b2c\u4e00\u6b65\u662f\u9009\u62e9\u5408\u9002\u7684\u8bbe\u8ba1\u5206\u8fa8\u7387\uff0c\u76ee\u524d\u4f7f\u7528Axure\u8bbe\u8ba1\u79fb\u52a8\u7aef\u539f\u578b\u65f6\u666e\u904d\u91c7\u7528\u7684\u662f(\u5bbd)375px*(\u9ad8)667px\u548c(\u5bbd)414px*(\u9ad8)736px\u4e24\u79cd\u5206\u8fa8\u7387\u5c3a\u5bf8\uff0c\u8fd9\u4e24\u79cd\u5c3a\u5bf8\u5206\u522b\u662f\u7531\u76ee\u524d\u4e3b\u6d41\u7684\u79fb\u52a8\u8bbe\u5907Iphone7\u548cIphone7 PLUS\u7684\u5c4f\u5e55\u5206\u8fa8\u7387\u5c3a\u5bf8\u7b49\u6bd4\u7f29\u653e\u800c\u5b9a\u4e49\u51fa\u6765\u7684\uff0c\u540c\u65f6\u4e5f\u662fIphone7\u548cIphone7 PLUS\u7684\u903b\u8f91\u5206\u8fa8\u7387\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u6709\u670b\u53cb\u53ef\u80fd\u4f1a\u7591\u60d1\u5728\u8bbe\u8ba1\u539f\u578b\u7684\u65f6\u5019\u4e3a\u4ec0\u4e48\u4e0d\u76f4\u63a5\u91c7\u7528\u79fb\u52a8\u8bbe\u5907\u5b9e\u9645\u7684\u5206\u8fa8\u7387\u5462\uff1f\u56e0\u4e3a\u8fd9\u4e3b\u8981\u8003\u8651\u5230\u8bbe\u8ba1\u65f6\u7684\u4fbf\u643a\u6027\uff0c\u6bd5\u7adf\u6211\u4eec\u8f93\u51fa\u7684\u539f\u578b\u4e3b\u8981\u662f\u7528\u4e8e\u6f14\u793a\u800c\u4e0d\u662f\u89c6\u89c9\u7a3f\uff0c\u6240\u4ee5\u4e0d\u9700\u8981\u8fbe\u5230\u90a3\u4e48\u9ad8\u7684\u7cbe\u5ea6\uff0c\u53e6\u5916\u5982\u679c\u6309\u79fb\u52a8\u8bbe\u5907\u5b9e\u9645\u7684\u5206\u8fa8\u7387\u8fdb\u884c\u8bbe\u8ba1\uff0c\u5728\u5bf9\u5143\u4ef6\u8fdb\u884c\u7f16\u8f91\u548c\u6392\u7248\u7684\u65f6\u5019\u4f1a\u662f\u4e00\u4ef6\u5f88\u8017\u8d39\u65f6\u95f4\u7684\u4e8b\u60c5\uff0c\u540c\u65f6\u4e5f\u4e0d\u65b9\u4fbf\u5728\u7535\u8111\u6d4f\u89c8\u5668\u4e0a\u8fdb\u884c\u67e5\u770b\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u672c\u4eba\u5728\u8fdb\u884c\u539f\u578b\u8bbe\u8ba1\u7684\u65f6\u5019\u4e00\u822c\u7528\u7684\u662f375px*667px\u8fd9\u4e2a\u5206\u8fa8\u7387\u5c3a\u5bf8\uff0c\u56e0\u4e3aAxure\u5e38\u7528\u7684\u5143\u4ef6\u9ed8\u8ba4\u7684\u5b57\u53f7\u4e00\u822c\u662f14px\u621618px\uff0c\u8fd9\u4e24\u79cd\u5b57\u53f7\u4e5f\u521a\u597d\u5339\u914dIphone7\u4e0a\u5e38\u7528\u5b57\u53f7\u7684\u6bd4\u4f8b\uff0c\u800c\u4e14\u8fd9\u4e2a\u5206\u8fa8\u7387\u5c3a\u5bf8\u5728\u7535\u8111\u6d4f\u89c8\u5668\u4e0a\u521a\u597d\u4e00\u5c4f\u5c31\u53ef\u4ee5\u663e\u793a\u5b8c\u6574\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">2. \u5b9a\u4e49\u5185\u5bb9\u533a\u57df<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u4e0a\u9762\u5df2\u7ecf\u4ecb\u7ecd\u4e86\u4e3a\u4ec0\u4e48\u9009\u62e9375px*667px\u4f5c\u4e3a\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u5206\u8fa8\u7387\u5c3a\u5bf8\uff0c\u5728\u5f00\u59cb\u8bbe\u8ba1\u4e4b\u524d\u6211\u4eec\u9700\u8981\u5148\u6309\u7167\u8fd9\u4e2a\u5c3a\u5bf8\u5728\u7f16\u8f91\u533a\u57df\u4e2d\u5b9a\u4e49\u597d\u5185\u5bb9\u533a\u57df\u3002\u6211\u4e00\u822c\u662f\u4f7f\u7528\u8f85\u52a9\u7ebf\u6765\u5b9a\u4e49\u5185\u5bb9\u533a\u57df\u7684\uff0c\u4f8b\u5982\u4e0b\u56fe\u662f\u7528\u8f85\u52a9\u7ebf\u5b9a\u4e49\u597d\u5185\u5bb9\u533a\u57df\u7684\u6548\u679c\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/dVuoNPLufyi0dQWY14cp.png\" alt=\"\" width=\"350\" height=\"533\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u4e8b\u5b9e\u4e0a\u6211\u4eec\u5728\u8bbe\u8ba1\u65f6\u5176\u5b9e\u4e0d\u7528\u53bb\u9650\u5236\u539f\u578b\u7684\u9ad8\u5ea6\uff0c\u56e0\u4e3a\u5728\u901a\u8fc7\u79fb\u52a8\u7aef\u8bbe\u5907\u8fdb\u884c\u6d4f\u89c8\u65f6\u53ef\u4ee5\u901a\u8fc7\u6eda\u52a8\u9875\u9762\u67e5\u770b\u8d85\u51fa\u9ad8\u5ea6\u90e8\u5206\u7684\u5185\u5bb9\uff0c\u8fd9\u8ddf\u5b9e\u9645\u7684\u79fb\u52a8\u7aef\u4ea7\u54c1\u7684\u64cd\u4f5c\u65b9\u5f0f\u662f\u4e00\u81f4\u7684\u3002\u800c\u5728\u539f\u578b\u8bbe\u8ba1\u7684\u65f6\u5019\uff0c\u6211\u4eec\u8fd8\u662f\u9700\u8981\u62d6\u4e00\u6761\u7528\u4e8e\u6807\u8bc6\u539f\u578b\u8bbe\u8ba1\u9ad8\u5ea6\u7684\u8f85\u52a9\u7ebf\uff0c\u5b83\u7684\u4e3b\u8981\u4f5c\u4e14\u662f\u4e3a\u4e86\u6807\u8bc6\u51fa\u9996\u5c4f\u7684\u533a\u57df\u8303\u56f4\uff0c\u8fd9\u5bf9\u4e8e\u5e03\u5c40\u9009\u62e9\u662f\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\u7684\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">3. \u795e\u5947\u7684\u8f85\u52a9\u7ebf<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u8f85\u52a9\u7ebf\u7684\u4f5c\u7528\u9664\u4e86\u7528\u6765\u5b9a\u4e49\u5185\u5bb9\u533a\u57df\u4e4b\u5916\uff0c\u540c\u65f6\u5b83\u4e5f\u80fd\u5e2e\u52a9\u6211\u4eec\u5feb\u6377\u7684\u8fdb\u884c\u5e03\u5c40\u3002\u8f85\u52a9\u7ebf\u6709\u4e00\u4e2a\u7279\u6027\u5c31\u662f\u5f53\u4f60\u62d6\u52a8\u5143\u4ef6\u9760\u8fd1\u5b83\u65f6\uff0c\u5143\u4ef6\u4f1a\u81ea\u52a8\u5438\u9644\u5230\u8f85\u52a9\u7ebf\u7684\u8fb9\u7f18\u8fbe\u5230\u5feb\u901f\u5bf9\u9f50\u7684\u6548\u679c\uff0c\u5bf9\u4e8e\u6709\u5bf9\u9f50\u5f3a\u8feb\u75c7\u7684\u670b\u53cb\u6765\u8bf4\u8fd9\u4e2a\u7279\u6027\u4f1a\u611f\u89c9\u65e0\u6bd4\u8d34\u5fc3\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u8f85\u52a9\u7ebf\u7684\u57fa\u672c\u4f7f\u7528\u65b9\u6cd5\uff1a\u9f20\u6807\u79fb\u52a8\u5230\u7f16\u8f91\u533a\u57df\u7684\u5de6\u4fa7\u548c\u9876\u90e8\u7684\u6807\u5c3a\u533a\u57df\u957f\u6309\u5e76\u5f80\u7f16\u8f91\u533a\u57df\u62d6\u52a8\u65f6\u5c31\u53ef\u4ee5\u751f\u6210\u6a2a\u5411\u6216\u7eb5\u5411\u7684\u8f85\u52a9\u7ebf\uff0c\u5c06\u8f85\u52a9\u7ebf\u62d6\u52a8\u5230\u5bf9\u5e94\u7684\u4f4d\u7f6e\u5373\u53ef\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/HxoCLmoGov9heQdZ7UT0.png\" alt=\"\" width=\"425\" height=\"554\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u4e00\u822c\u9664\u4e86\u7528\u8f85\u52a9\u7ebf\u6765\u5b9a\u4e49\u5185\u5bb9\u533a\u57df\u7684\u4e4b\u5916\uff0c\u6211\u8fd8\u4f1a\u65b0\u5efa\u4e24\u6761\u7eb5\u5411\u7684\u8f85\u52a9\u7ebf\u7528\u4e8e\u6807\u8bc6\u754c\u9762\u5de6\u53f3\u4e24\u4fa7\u7684\u7559\u767d\u533a\u57df\u3002\u5efa\u8bae\u4e24\u4fa7\u7559\u767d\u533a\u57df\u752810px\u6216\u800520px\uff0c\u4f8b\u5982\u672c\u4eba\u5e38\u7528\u7684\u662f20px\uff0c\u56e0\u6b64\u8fd9\u4e24\u6761\u8f85\u52a9\u7ebf\u7684\u4f4d\u7f6e\u5206\u522b\u5728X\u8f74\u768420px\u548c355px\u7684\u4f4d\u7f6e\u3002\u9664\u6b64\u4e4b\u5916\uff0c\u6211\u4eec\u7684\u5143\u4ef6\u4e00\u822c\u8fd8\u9700\u8981\u8bbe\u7f6e\u5de6\u53f3\u540420px\u7684\u586b\u5145\uff0c\u7528\u6765\u5c06\u6587\u5b57\u7684\u663e\u793a\u9650\u5b9a\u5728\u754c\u9762\u7559\u767d\u533a\u57df\u5185\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/PVYDjJFv9X4zqmgcFG2X.png\" alt=\"\" width=\"369\" height=\"233\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><span style=\"font-weight: bolder;\">\u8865\u5145\u51e0\u70b9\u8f85\u52a9\u7ebf\u7684\u4f7f\u7528\u5c0f\u6280\u5de7\uff1a<\/span><\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u53f3\u51fb\u8f85\u52a9\u7ebf\u53ef\u4ee5\u5c06\u5176\u9501\u5b9a\uff0c\u4ee5\u9632\u6b62\u62d6\u52a8\u5143\u4ef6\u65f6\u4f1a\u5c06\u8f85\u52a9\u7ebf\u4f1a\u8ddf\u7740\u4e00\u8d77\u79fb\u52a8\uff1b<\/p>\n<\/li>\n<li>\n<p>\u53ef\u4ee5\u901a\u8fc7\u6309\u4f4fCtrl\u62d6\u52a8\u521b\u5efa\u5168\u5c40\u8f85\u52a9\u7ebf\uff0c\u5168\u5c40\u8f85\u52a9\u7ebf\u5c31\u662f\u5728\u6240\u6709\u9875\u9762\u4e2d\u4ea7\u751f\u4e00\u6761\u76f8\u540c\u7684\u8f85\u52a9\u7ebf\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5728\u201c\u5e03\u5c40\u2014\u6805\u683c\u548c\u8f85\u52a9\u7ebf\u2014\u9501\u5b9a\u8f85\u52a9\u7ebf\u201d\u4e2d\u9009\u4e2d\u53ef\u4ee5\u5c06\u6240\u6709\u7684\u8f85\u52a9\u7ebf\u4fdd\u6301\u9501\u5b9a\u72b6\u6001\u4e14\u65e0\u6cd5\u5220\u9664\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5728\u201c\u5e03\u5c40\u2014\u6805\u683c\u548c\u8f85\u52a9\u7ebf\u2014\u5220\u9664\u8f85\u52a9\u7ebf\u201d\u4e2d\u53ef\u4ee5\u6e05\u9664\u6240\u6709\u9875\u9762\u4e2d\u7684\u8f85\u52a9\u7ebf\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5728\u201c\u5e03\u5c40\u2014\u6805\u683c\u548c\u8f85\u52a9\u7ebf\u2014\u8f85\u52a9\u7ebf\u8bbe\u7f6e\u201d\u4e2d\u53ef\u4ee5\u4fee\u6539\u8f85\u52a9\u7ebf\u7684\u989c\u8272\u6216\u8fdb\u884c\u66f4\u591a\u8bbe\u7f6e\uff1b<\/p>\n<\/li>\n<\/ul>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">4. \u66f4\u591a\u57fa\u7840\u8bbe\u8ba1\u89c4\u8303<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u901a\u8fc7\u4ee5\u4e0a\u51e0\u70b9\u4ecb\u7ecd\u4e86\u6211\u4eec\u5982\u4f55\u4f7f\u7528\u8f85\u52a9\u7ebf\u6765\u5efa\u7acb\u4e86\u4e00\u4e2a\u57fa\u672c\u7684\u5e03\u5c40\u89c4\u8303\uff0c\u800c\u4ee5\u4e0b\u662f\u6211\u603b\u7ed3\u7684\u5176\u5b83\u5173\u4e8e\u79fb\u52a8\u7aef\u539f\u578b\u7684\u57fa\u7840\u8bbe\u8ba1\u89c4\u8303\u3002\u901a\u8fc7\u638c\u63e1\u8fd9\u4e9b\u89c4\u8303\u6216\u6280\u5de7\uff0c\u53ef\u4ee5\u4f7f\u6700\u7ec8\u8f93\u51fa\u7684\u539f\u578b\u6548\u679c\u66f4\u7f8e\u89c2\u548c\u6807\u51c6\uff0c\u800c\u4e14\u80fd\u8ba9\u4f60\u7684\u8bbe\u8ba1\u6548\u7387\u5927\u5927\u7684\u63d0\u5347\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u53e6\u5916\uff0c\u8fd9\u4e9b\u89c4\u8303\u6216\u6280\u5de7\u540c\u6837\u57fa\u672c\u9002\u7528\u4e8eWEB\u7aef\u7684\u539f\u578b\u8bbe\u8ba1\uff0c\u4e0d\u540c\u7684\u4e3b\u8981\u662f\u8bbe\u8ba1\u5206\u8fa8\u7387\u548c\u5185\u5bb9\u533a\u57df\u7684\u5b9a\u4e49\uff0c\u4ee5\u540e\u6709\u673a\u4f1a\u6211\u4f1a\u8fdb\u884c\u6574\u7406\u548c\u5206\u4eab\u3002<\/p>\n<ul style=\"list-style-type: none;\" class=\" list-paddingleft-2\">\n<li>\n<p>\u5217\u8868\u83dc\u5355\u7684\u9ad8\u5ea6\u4e3a45px\u3001\u5bfc\u822a\u680f\u7684\u9ad8\u5ea6\u4e3a45px\u3001\u6807\u7b7e\u680f\u548c\u5de5\u5177\u680f\u5e38\u7528\u9ad8\u5ea6\u4e3a60px\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5b57\u53f7\u4e00\u822c\u7528\u5076\u6570\uff0c\u5e38\u7528\u7684\u6b63\u6587\u5b57\u53f7\u4e3a12\u548c14px\uff0c\u5e38\u7528\u7684\u6807\u9898\u5b57\u53f7\u4e3a16px\u548c18px\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5143\u4ef6\u7684\u5bbd\u5ea6\u548c\u9ad8\u5ea6\u4e00\u822c\u4e3a5\u7684\u500d\u6570\uff0c\u4f8b\u598245px\u3001100px\u7b49\uff1b<\/p>\n<\/li>\n<li>\n<p>\u5143\u4ef6\u7684\u8ddd\u95f4\u548c\u884c\u8ddd\u4e00\u822c\u4e3a10\u7684\u500d\u6570\uff0c\u5e38\u752810px\u300120px\uff0c\u6309\u4f4fctrl\u952e\u901a\u8fc7\u65b9\u5411\u952e\u79fb\u52a8\u5143\u4ef6\uff0c\u6bcf\u6b21\u79fb\u52a8\u7684\u8ddd\u79bb\u521a\u597d\u662f10px\u3002<\/p>\n<\/li>\n<\/ul>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/z8AZfS8ZaRmrTBR7MzZy.png\" alt=\"\" width=\"335\" height=\"549\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">5. \u9875\u9762\u5c5e\u6027\u7684\u8bbe\u7f6e<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u4e3a\u4e86\u65b9\u4fbf\u8fdb\u884c\u8bbe\u8ba1\u6211\u4e60\u60ef\u5c06\u5185\u5bb9\u5e03\u5c40\u5411\u5de6\u5bf9\u9f50\uff0c\u800c\u5728\u6f14\u793a\u65f6\u5185\u5bb9\u5c45\u4e2d\u663e\u793a\u66f4\u7b26\u5408\u6d4f\u89c8\u4e60\u60ef\uff0c\u6240\u4ee5\u9700\u8981\u5728\u9875\u9762\u5c5e\u6027\u8bbe\u7f6e\u4e2d\u5c06\u9875\u9762\u6392\u5217\u8bbe\u7f6e\u4e3a\u6c34\u5e73\u5c45\u4e2d,\u53e6\u5916\uff0c\u9875\u9762\u7684\u80cc\u666f\u8272\u63a8\u8350\u8bbe\u7f6e\u4e3a#F9F9F9\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/KnzsnlqS85mH0bjBsdOg.png\" alt=\"\" width=\"390\" height=\"408\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">6. \u5bfc\u822a\u680f\u7684\u8bbe\u7f6e<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u5bfc\u822a\u680f\u662f\u79fb\u52a8\u7aefAPP\u4e2d\u6700\u5e38\u89c1\u7684\u5143\u4ef6\u4e4b\u4e00\uff0c\u5b83\u7684\u4f4d\u7f6e\u4e00\u822c\u662f\u56fa\u5b9a\u5728\u754c\u9762\u6700\u9876\u90e8\u7684\uff0c\u6240\u4ee5\u5efa\u8bae\u5c06\u5bfc\u822a\u680f\u8f6c\u6362\u4e3a\u52a8\u6001\u9762\u677f\uff0c\u7136\u540e\u5728\u9762\u677f\u7684\u5c5e\u6027\u8bbe\u7f6e\u4e2d\u8bbe\u7f6e\u4e3a\u201c\u56fa\u5b9a\u5230\u6d4f\u89c8\u5668\u201d\uff0c\u6c34\u5e73\u56fa\u5b9a\u9009\u9879\u4e3a\u201c\u5c45\u4e2d\u201d\uff0c\u5782\u76f4\u56fa\u5b9a\u9009\u9879\u4e3a\u201c\u4e0a\u201d\uff0c\u5177\u4f53\u8bbe\u7f6e\u5982\u4e0b\u56fe\uff1a<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/cCqdrO7GSOHN9J1A5Xgh.png\" alt=\"\" width=\"322\" height=\"426\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">7. \u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u7684\u8bbe\u7f6e<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u7684\u4f4d\u7f6e\u4e00\u822c\u662f\u56fa\u5b9a\u5728\u754c\u9762\u6700\u5e95\u90e8\u7684\uff0c\u540c\u6837\u6211\u4eec\u4e5f\u9700\u8981\u5c06\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u8f6c\u6362\u4e3a\u52a8\u6001\u9762\u677f\uff0c\u7136\u540e\u5728\u9762\u677f\u7684\u5c5e\u6027\u8bbe\u7f6e\u4e2d\u8bbe\u7f6e\u4e3a\u201c\u56fa\u5b9a\u5230\u6d4f\u89c8\u5668\u201d\uff0c\u6c34\u5e73\u56fa\u5b9a\u9009\u9879\u4e3a\u201c\u5c45\u4e2d\u201d\uff0c\u5782\u76f4\u56fa\u5b9a\u9009\u9879\u4e3a\u201c\u4e0b\u201d\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/rEGVtLFCWZBAIVH4GKTm.png\" alt=\"\" width=\"322\" height=\"426\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u901a\u8fc7\u8fd9\u6837\u7684\u8bbe\u7f6e\u4ee5\u540e\u5728\u6709\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u7684\u9875\u9762\u4e2d\uff0c\u5982\u679c\u4f60\u7684\u9875\u9762\u5185\u5bb9\u5df2\u7ecf\u8d85\u51fa\u4e86\u4e00\u5c4f\u7684\u9ad8\u5ea6\uff0c\u6211\u4eec\u901a\u5e38\u9700\u8981\u5728\u5185\u5bb9\u6b63\u6587\u533a\u57df\u7684\u5e95\u90e8\u653e\u7f6e\u4e00\u4e2a\u4e0e\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u9ad8\u5ea6\u4e00\u81f4\u7684\u70ed\u533a\u5143\u4ef6\u5f53\u4f5c\u5360\u4f4d\u7b26\uff0c\u5b83\u7684\u4f5c\u7528\u662f\u7528\u6765\u89e3\u51b3\u539f\u578b\u6f14\u793a\u65f6\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u4f1a\u6321\u4f4f\u9875\u9762\u5185\u5bb9\u7684\u60c5\u51b5\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/AYL7nYeSVTwcVJcoQs6y.png\" alt=\"\" width=\"392\" height=\"514\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">8. \u6a21\u6001\u7a97\u53e3\u4ea4\u4e92\u8bbe\u7f6e<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u6a21\u6001\u7a97\u53e3\u4ea4\u4e92\u662f\u79fb\u52a8\u7aef\u4ea7\u54c1\u4e2d\u6700\u5e38\u89c1\u7684\u4ea4\u4e92\u65b9\u5f0f\u4e4b\u4e00\uff0c\u5b83\u4e3b\u8981\u7528\u4f5c\u663e\u793a\u7cfb\u7edf\u7684\u91cd\u8981\u4fe1\u606f\uff0c\u5e76\u8bf7\u6c42\u7528\u6237\u8fdb\u884c\u64cd\u4f5c\u53cd\u9988\uff0c\u4f8b\u5982\uff1a\u5220\u9664\u67d0\u4e2a\u91cd\u8981\u5185\u5bb9\u65f6\uff0c\u5f39\u51fa\u5bf9\u8bdd\u6846\u8fdb\u884c\u4e8c\u6b21\u786e\u8ba4\u3002\u5728\u539f\u578b\u4e2d\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u7684\u8bbe\u7f6e\uff0c\u5b9e\u73b0\u8ddf\u79fb\u52a8\u7aefAPP\u4e00\u81f4\u7684\u6a21\u6001\u7a97\u53e3\u6548\u679c\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u79fb\u52a8\u7aef\u6a21\u6001\u7a97\u53e3\u6f14\u793a\u6548\u679c\uff1a<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/NrCTDY9SlhArx0ubMioL.png\" alt=\"\" width=\"350\" height=\"619\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u9996\u5148\u540c\u6837\u9700\u8981\u65b0\u5efa\u4e00\u4e2a\u6a21\u6001\u7a97\u53e3\u7684\u52a8\u6001\u9762\u677f\uff0c\u5728\u9762\u677f\u7684\u5c5e\u6027\u8bbe\u7f6e\u4e2d\u8bbe\u7f6e\u4e3a\u201c\u56fa\u5b9a\u5230\u6d4f\u89c8\u5668\u201d\uff0c\u6c34\u5e73\u56fa\u5b9a\u9009\u9879\u4e3a\u201c\u5c45\u4e2d\u201d\uff0c\u5782\u76f4\u56fa\u5b9a\u9009\u9879\u4e3a\u201c\u4e0b\u201d\u3002\u7136\u540e\u518d\u5728\u89e6\u53d1\u6a21\u6001\u7a97\u53e3\u7684\u4ea4\u4e92\u4e8b\u4ef6\u4e2d\u6309\u4ee5\u4e0b\u65b9\u5f0f\u8fdb\u884c\u8bbe\u7f6e\uff0c\u91cd\u70b9\u662f\u52fe\u9009\u201c\u7f6e\u4e8e\u9876\u5c42\u201d\u9009\u9879\u548c\u8bbe\u7f6e\u201c\u706f\u7bb1\u6548\u679c\u201d\uff0c\u706f\u7bb1\u6548\u679c\u7684\u80cc\u666f\u989c\u8272\u548c\u900f\u660e\u5ea6\u53ef\u4ee5\u6839\u636e\u9700\u8981\u8fdb\u884c\u81ea\u5b9a\u4e49\u3002\u5173\u4e8e\u5177\u4f53\u7684\u8bbe\u7f6e\u548c\u6f14\u793a\u6548\u679c\uff0c\u53ef\u4ee5\u53c2\u7167\u6211\u5c06\u5728\u540e\u9762\u63a8\u8350\u7684\u79fb\u52a8\u7aef\u5143\u4ef6\u5e93\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/ruHifYu1KOe8gqDncHO9.png\" alt=\"\" width=\"802\" height=\"575\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">9. \u8f93\u51fa\u9009\u9879\u7684\u8bbe\u7f6e<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u5230\u6b64\u4e3a\u6b62\u5df2\u7ecf\u4ecb\u7ecd\u4e86\u5173\u4e8e\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u7684\u4e00\u4e9b\u89c4\u8303\u548c\u5e38\u7528\u5143\u4ef6\u53ca\u4ea4\u4e92\u6548\u679c\u7684\u8bbe\u7f6e\uff0c\u90a3\u4e48\u5f53\u6211\u4eec\u7684\u539f\u578b\u8bbe\u8ba1\u5b8c\u6210\u4ee5\u540e\u5728\u751f\u6210HTML\u4e4b\u524d\u6211\u4eec\u8fd8\u9700\u8981\u8fdb\u884c\u51e0\u9879\u7b80\u5355\u7684\u8bbe\u7f6e\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u8bbe\u7f6e\u4f4d\u7f6e\uff1a\u53d1\u5e03\u2014\u751f\u6210HTML-\u79fb\u52a8\u8bbe\u5907\uff0c\u5728\u754c\u9762\u4e2d\u52fe\u9009\u201c\u5305\u542b\u89c6\u53e3\u6807\u7b7e\u201d\uff0c\u8bbe\u7f6e\u5bbd\u5ea6\u4e3a\uff1adevice-width\uff0c\u8bbe\u7f6e\u7f29\u653e\u4e3a\uff1ano\uff0c\u5176\u5b83\u9009\u9879\u4e3a\u7a7a\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/2qacbZsRKOmfmEro6TxV.png\" alt=\"\" width=\"797\" height=\"636\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u53e6\u5916\uff0c\u4f60\u8fd8\u53ef\u4ee5\u8bbe\u7f6e\u4e3b\u5c4f\u56fe\u6807\uff0c\u7136\u540e\u5728IOS\u8bbe\u5907\u4e2d\u901a\u8fc7safari\u6d4f\u89c8\u5668\u6253\u5f00\u539f\u578b\uff0c\u5c31\u53ef\u4ee5\u76f4\u63a5\u5c06\u5b83\u6dfb\u52a0\u5230\u4e3b\u5c4f\u5e55\u4e2d\u4e86\u3002\u901a\u8fc7\u4e3b\u5c4f\u8bbf\u95ee\u539f\u578b\u65f6\u5c06\u4e0d\u4f1a\u663e\u793a\u6d4f\u89c8\u5668\u7684\u76f8\u5173\u5de5\u5177\u754c\u9762\uff0c\u6700\u7ec8\u7684\u6f14\u793a\u6548\u679c\u51e0\u4e4e\u662f\u8ddf\u64cd\u4f5c\u5b9e\u9645\u7684APP\u662f\u4e00\u81f4\u7684\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u6839\u636e\u9700\u8981\u5b9a\u4e49\u72b6\u6001\u680f\u7684\u989c\u8272\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u8bbe\u7f6e\u65b9\u5f0f\uff1a\u542f\u52a8safari\u6d4f\u89c8\u5668\u6253\u5f00\u539f\u578b\u5730\u5740\u2014\u70b9\u51fb\u6d4f\u89c8\u5668\u5e95\u90e8\u7684\u8bbe\u7f6e\u56fe\u6807(\u6b63\u4e2d\u95f4)\u2014\u6dfb\u52a0\u5230\u4e3b\u5c4f\u5e55\u2014\u2014\u5b8c\u6210\u6dfb\u52a0\u5373\u53ef\u3002\u5927\u5bb6\u53ef\u4ee5\u5c1d\u8bd5\u4f7f\u7528\u4e0b\u65b9\u6f14\u793a\u5730\u5740\u8fdb\u884c\u6dfb\u52a0\u770b\u770b\u6548\u679c\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><span style=\"font-weight: bolder;\">\u6f14\u793a\u5730\u5740\uff1a<\/span><a href=\"http:\/\/www.axureux.com\/demo\/TemplatesMobEC\/demo.html\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background-color: transparent;\">http:\/\/www.axureux.com\/demo\/TemplatesMobEC\/demo.html<\/a><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u6dfb\u52a0\u5230\u4e3b\u5c4f\u548c\u6700\u7ec8\u8fd0\u884c\u65f6\u7684\u6548\u679c\uff1a<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/GIkeimQZlVqgLg4weJsk.png\" alt=\"\" width=\"350\" height=\"623\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/HbHXrxBjpFAYvYkvd92A.png\" alt=\"\" width=\"350\" height=\"623\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/fWAb4lQybp5AGWB2mCPy.png\" alt=\"\" width=\"350\" height=\"622\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u6309\u7167\u4e0a\u8ff0\u7684\u8bbe\u7f6e\u4e4b\u540e\uff0c\u4f60\u5c06\u539f\u578b\u751f\u6210\u4e3aHTML\u6587\u4ef6\u4e4b\u540e\u4e0a\u4f20\u5230\u4f60\u7684\u670d\u52a1\u5668\u6216\u539f\u578b\u6258\u7ba1\u5e73\u53f0\uff0c\u901a\u8fc7\u624b\u673a\u8bbf\u95ee\u539f\u578b\u94fe\u63a5\u6f14\u793a\u5373\u53ef\u3002<\/p>\n<h2 style=\"border-left: 4px solid; padding-left: 8px; line-height: 1.2; font-size: 20px; margin-top: 30px; margin-bottom: 10px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);\">10. \u5176\u5b83\u7684\u8865\u5145\u8bf4\u660e<\/h2>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u5982\u679c\u6211\u4eec\u8bbe\u8ba1\u7684\u79fb\u52a8\u7aef\u539f\u578b\u4e0d\u9700\u8981\u8003\u8651\u5728\u624b\u673a\u4e0a\u6f14\u793a\u7684\u573a\u666f\uff0c\u4ecd\u7136\u53ef\u4ee5\u53c2\u7167\u672c\u6587\u4e2d\u76f8\u5173\u7684\u89c4\u8303\u3002\u6211\u4e00\u822c\u4f1a\u5728\u7f16\u8f91\u533a\u57df\u653e\u7f6e\u4e00\u4e2a\u8bbe\u5907\u6a21\u677f\uff0c\u65b0\u5efa\u4e00\u4e2a\u5185\u5bb9\u6846\u67b6\u7684\u52a8\u6001\u9762\u677f\u7528\u6765\u653e\u7f6e\u9875\u9762\u7684\u4e3b\u8981\u5185\u5bb9\uff0c\u800c\u8fd9\u4e2a\u5185\u5bb9\u6846\u67b6\u7684\u5c3a\u5bf8\u540c\u6837\u662f\u6211\u4eec\u4e4b\u524d\u5b9a\u4e49\u7684\u5185\u5bb9\u533a\u57df\u5c3a\u5bf8(\u5bbd)375px*(\u9ad8)667px\u3002\u53e6\u5916\uff0c\u5185\u5bb9\u6846\u67b6\u7684\u52a8\u6001\u9762\u677f\u7684\u5c5e\u6027\u4e2d\u9700\u8981\u5c06\u6eda\u52a8\u6761\u8bbe\u7f6e\u4e3a\u201c\u81ea\u52a8\u663e\u793a\u5782\u76f4\u6eda\u52a8\u6761\u201d\uff0c\u8fd9\u6837\u5f53\u6846\u67b6\u7684\u5185\u5bb9\u8d85\u51fa\u65f6\u53ef\u4ee5\u62d6\u52a8\u6eda\u52a8\u6761\u8fdb\u884c\u67e5\u770b\u3002<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\"><img loading=\"lazy\" data-action=\"zoom\" class=\"aligncenter\" src=\"http:\/\/image.woshipm.com\/wp-files\/2017\/06\/iORaZhFqmthI9VgXyafe.png\" alt=\"\" width=\"284\" height=\"550\" style=\"max-width: 100%; height: auto; border-style: none; margin-left: auto; margin-right: auto; display: block; cursor: pointer;\"\/><\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255); text-align: center;\">\u901a\u8fc7\u6dfb\u52a0\u8bbe\u5907\u6a21\u677f\u7684\u8bbe\u8ba1\u533a\u57df\u6548\u679c<\/p>\n<p style=\"margin-bottom: 15px; color: rgba(0, 0, 0, 0.8); font-family: &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, STHeiti, &quot;WenQuanYi Micro Hei&quot;, Helvetica, Arial, sans-serif; font-size: medium; white-space: normal; background-color: rgb(255, 255, 255);\">\u901a\u8fc7\u4f7f\u7528\u8bbe\u5907\u6a21\u677f\u53ef\u4ee5\u8ba9\u8f93\u51fa\u7684\u539f\u578b\u6548\u679c\u66f4\u6807\u51c6\u548c\u89c4\u8303\uff0c\u5982\u679c\u6211\u4eec\u5728\u7f16\u8f91\u754c\u9762\u4e2d\u653e\u7f6e\u4e86\u8bbe\u5907\u6a21\u677f\uff0c\u5219\u4e0d\u518d\u9700\u8981\u5bf9\u5bfc\u822a\u680f\u3001\u6807\u7b7e\u680f\u6216\u5de5\u5177\u680f\u3001\u6a21\u6001\u7a97\u53e3\u7b49\u52a8\u6001\u9762\u677f\u8fdb\u884c\u56fa\u5b9a\u5230\u6d4f\u89c8\u5668\u8bbe\u7f6e\uff0c\u4f60\u53ea\u9700\u8981\u62d6\u52a8\u5230\u8bbe\u5907\u6a21\u677f\u5bf9\u5e94\u7684\u4f4d\u7f6e\u5e76\u7f6e\u4e8e\u5185\u5bb9\u6846\u67b6\u4e0a\u65b9\u5373\u53ef\u3002<\/p>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Axure\u4e2d\u57fa\u4e8e\u8bbe\u5907\u6a21\u677f\u7684\u79fb\u52a8\u7aef\u539f\u578b\u8bbe\u8ba1\u65b9\u6cd5\uff08\u9644IPhoneX\u548cIPhone8\u6700\u65b0\u6a21\u677f\uff09 \u6587\u7ae0\u4f5c\u8005\u5206\u4eab\u4e86\u4e00\u79cd\u57fa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":246,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/posts\/256"}],"collection":[{"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=256"}],"version-history":[{"count":1,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/posts\/256\/revisions"}],"predecessor-version":[{"id":257,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/posts\/256\/revisions\/257"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=\/wp\/v2\/media\/246"}],"wp:attachment":[{"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/8.152.216.154:8081\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}