標籤：
一、通過下面的代碼在不同的瀏覽器裡開啟進行測試：<!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> 二、測試結果： 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網頁使用字型標準：三層級17px14px10px (從上面的結果可以看到iphone類的裝置字型大小不受12px限制)字型可使用 黑體簡
擴充閱讀：https://github.com/islittle/Web-Developer/blob/master/css-notes/compatible-with-less-than-12px-fontsize.md 相容小於12px字型
移動端最小字型限制測試
