不吐不快啊！！！！
上午测试还好好的，下午再写一次准备发出来就出错了！！
传说中程序媛三大错觉：我肯定没错，刚才还好好的，一定是有人改了我代码。。
我的口头禅都快变成“刚刚还好好的”了！
事情是这样的，我在#myspan{font-size:18px;background:red}前面弄了空格，一直没注意它，结果效果弄不出来，郁闷啊
才顺手把空格删了，啊千万只草泥马奔腾而过啊。。。。。。。。
恩以后注意了，不能在全角下整出空格(⊙﹏⊙)b---我恨全角--哦了
------------------------------------------------------------------
首先，今天我才知道原来chrome浏览器在中文状态下默认最小值是12px
<html xmlns="http://www.w3.org/1999/xhtml"><head> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> .myspan{font-size:10px;} </style> <script type="text/javascript"> $(function(){ $("#mybtn").click(function(){ alert($(".myspan").css("font-size")); }); }); </script> </head> <body> <span class="myspan">这里显示文字</span> <input type="button" value="aa" id="mybtn"/> </body></html>
更改myspan的font-size，会发现，不设置的时候，弹框16px=》说明当前浏览器默认字体大小为16px
设置<=12px时，弹框12px；设置>=12px，弹框提示正常16px；=》说明chrome浏览器在中文状态下默认最小值是12px
因为把chrome浏览器调整成英文状态下是正常的px值
------------------------------------------------------------------
》》em：相对长度单位。相对于（参照物为） 当前对象内，文本的字体尺寸font-size。
》》em”还可以指定到小数点后三位，比如“1.123em”
如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸
如body{font-size:15px;}某div{height:2em;font-size:10em}，所以，该div的height为300px
计算：body设置了字体尺寸15px，-->div的字体尺寸为10*15px=150px；-->div的高度为2*150px=300px
http://www.w3cplus.com/css/px-to-em
原文：http://www.cnblogs.com/yumeixin/p/5000711.html