1、經過下面的代碼在不一樣的瀏覽器裏打開進行測試：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
body{font-family: "黑體-簡","微軟雅黑";}
</style>
</head>
<body>
<p style="font-size:1px">font-size:1px，這是1號字體</p>
<p style="font-size:2px">font-size:2px，這是2號字體</p>
<p style="font-size:3px">font-size:3px，這是3號字體</p>
<p style="font-size:4px">font-size:4px，這是4號字體</p>
<p style="font-size:5px">font-size:5px，這是5號字體</p>
<p style="font-size:6px">font-size:6px，這是6號字體</p>
<p style="font-size:7px">font-size:7px，這是7號字體</p>
<p style="font-size:8px">font-size:8px，這是8號字體</p>
<p style="font-size:9px">font-size:9px，這是9號字體</p>
<p style="font-size:10px">font-size:10px，這是10號字體</p>
<p style="font-size:11px">font-size:11px，這是11號字體</p>
<p style="font-size:12px">font-size:12px，這是12號字體</p>
<p style="font-size:13px">font-size:13px，這是13號字體</p>
<p style="font-size:14px">font-size:14px，這是14號字體</p>
<p style="font-size:15px">font-size:15px，這是15號字體</p>
<p style="font-size:16px">font-size:16px，這是16號字體</p>
<p style="font-size:17px">font-size:17px，這是17號字體</p>
<p style="font-size:18px">font-size:18px，這是18號字體</p>
<p style="font-size:19px">font-size:19px，這是19號字體</p>
<p style="font-size:20px">font-size:20px，這是20號字體</p>
<p style="font-size:21px">font-size:21px，這是21號字體</p>
<p style="font-size:22px">font-size:22px，這是22號字體</p>
<p style="font-size:23px">font-size:23px，這是23號字體</p>
<p style="font-size:24px">font-size:24px，這是24號字體</p>
<p style="font-size:25px">font-size:25px，這是25號字體</p>
<p style="font-size:26px">font-size:26px，這是26號字體</p>
<p style="font-size:27px">font-size:27px，這是27號字體</p>
<p style="font-size:28px">font-size:28px，這是28號字體</p>
<p style="font-size:29px">font-size:29px，這是29號字體</p>
<p style="font-size:30px">font-size:30px，這是30號字體</p>
<p style="font-size:31px">font-size:31px，這是31號字體</p>
<p style="font-size:32px">font-size:32px，這是32號字體</p>
<p style="font-size:33px">font-size:33px，這是33號字體</p>
<p style="font-size:34px">font-size:34px，這是34號字體</p>
<p style="font-size:35px">font-size:35px，這是35號字體</p>
<p style="font-size:36px">font-size:36px，這是36號字體</p>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
body{font-family: "黑體-簡","微軟雅黑";}
</style>
</head>
<body>
<p style="font-size:1px">font-size:1px，這是1號字體</p>
<p style="font-size:2px">font-size:2px，這是2號字體</p>
<p style="font-size:3px">font-size:3px，這是3號字體</p>
<p style="font-size:4px">font-size:4px，這是4號字體</p>
<p style="font-size:5px">font-size:5px，這是5號字體</p>
<p style="font-size:6px">font-size:6px，這是6號字體</p>
<p style="font-size:7px">font-size:7px，這是7號字體</p>
<p style="font-size:8px">font-size:8px，這是8號字體</p>
<p style="font-size:9px">font-size:9px，這是9號字體</p>
<p style="font-size:10px">font-size:10px，這是10號字體</p>
<p style="font-size:11px">font-size:11px，這是11號字體</p>
<p style="font-size:12px">font-size:12px，這是12號字體</p>
<p style="font-size:13px">font-size:13px，這是13號字體</p>
<p style="font-size:14px">font-size:14px，這是14號字體</p>
<p style="font-size:15px">font-size:15px，這是15號字體</p>
<p style="font-size:16px">font-size:16px，這是16號字體</p>
<p style="font-size:17px">font-size:17px，這是17號字體</p>
<p style="font-size:18px">font-size:18px，這是18號字體</p>
<p style="font-size:19px">font-size:19px，這是19號字體</p>
<p style="font-size:20px">font-size:20px，這是20號字體</p>
<p style="font-size:21px">font-size:21px，這是21號字體</p>
<p style="font-size:22px">font-size:22px，這是22號字體</p>
<p style="font-size:23px">font-size:23px，這是23號字體</p>
<p style="font-size:24px">font-size:24px，這是24號字體</p>
<p style="font-size:25px">font-size:25px，這是25號字體</p>
<p style="font-size:26px">font-size:26px，這是26號字體</p>
<p style="font-size:27px">font-size:27px，這是27號字體</p>
<p style="font-size:28px">font-size:28px，這是28號字體</p>
<p style="font-size:29px">font-size:29px，這是29號字體</p>
<p style="font-size:30px">font-size:30px，這是30號字體</p>
<p style="font-size:31px">font-size:31px，這是31號字體</p>
<p style="font-size:32px">font-size:32px，這是32號字體</p>
<p style="font-size:33px">font-size:33px，這是33號字體</p>
<p style="font-size:34px">font-size:34px，這是34號字體</p>
<p style="font-size:35px">font-size:35px，這是35號字體</p>
<p style="font-size:36px">font-size:36px，這是36號字體</p>
</body>
</html>
2、測試結果：
1. iphone6-plus、iphone5： 微信、QQ直接打開、safari中字體能夠從最1px字體開始；
2. 小米2s：微信、QQ瀏覽器最小顯示字體8px；自帶瀏覽器最小字體從1px開始；
3. 小米4s：firefox能夠從最小字體1px開始；chrome中最小顯示字體爲12px；
4. pc： 360安全瀏覽器7：最小最示12px；firefox與ie10最小顯示字體爲1px。
5. 未標明的爲未測機型；
結論：移動端最小字體爲12px（僅chrome有此限制），建議最小使用12px；
若是設計稿中有小於12px的字體，按實際字號寫css樣式；
結論2： iphone類移動設備不受最小字號限制；
其它設備可能會受8px限制；
chrome中限制最小12px。
推測：隨着手機分辨率不斷擴大，字號將再也不有限制；
現象：小米2的截圖爲720x1080, 10px字實測高度爲10px*2-2px=18px；11px實測高度爲20px；
現象2：截圖尺寸，很奇怪
iphone6plus：639x1136
iphone5：640x1136
小米2s：720x1280
小米4s：540x960
ios7網頁使用字體標準：三級別
17px
14px
10px (從上面的結果能夠看到iphone類的設備字號不受12px限制)
字體可以使用 黑體簡