[CSS] font-size:xxpx 在不同解析度下的表現

[JYHuang (夏天到了，冷不起來了說)]

     一直以為CSS中 font-size這個屬性用px的話會是呈絕對性的效果。
   不過最近弄了一個文字外部有邊線區塊的效果後發現。
   在不同的解析度下，會出現比例不相同的情形。

   <li style="display:block;height:26px;width:100px">
     <span style="font-size:13px"> TEXT </span>
   </li>

   ┌──┐
   │TEXT│  元件會像是這個樣子
   └──┘
   我自己的電腦是用1280x1024，另兩台電腦是1024x768
   結果在另兩台電腦下看起來，TEXT跟區塊比起來明顯的比較大
   文字都快碰到上下邊框了..

   明明兩者都是用px來定義，怎麼不同解析度下會有不同的大小..

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 59.104.153.45
推 fotofolio:我測試沒有這種情況說 有沒有其他css蓋過去了
推 adamp3:不要用px來設定字體大小 這樣網頁親和力會降低
→ adamp3:建議你可以去參考YUI的CSS reset~
→ fphoenix923:會不會是內容被擠壓
推 fotofolio:用px網頁親和力會降低也算是IE才有的問題了吧
推 GALINE:倒也不完全算，如調整螢幕的DPI，預設字型的px大小會變化
推 fotofolio:那最推的應該是pt才對 以前常看到推em文章現在看來
→ fotofolio:跟直接設px好像沒什麼差別..
推 tomin:pt是印出來的大小?  之前的文章不是推px?  到底要用那個哩?
推 fotofolio:這應該也是沒有結論的問題..XD
推 chph:em.  pt 是列印用, 不要開玩笑了
推 GALINE:em是以當前字型大寫字母M的高度為1.0，ex則是小寫x高度
→ GALINE:em的效果跟%相同，只是數字差一百倍。ex我不用
→ GALINE:1PT是1/72吋，在螢幕上的大小則依DPI設定不同而變化
→ GALINE:px以螢幕為準，ex或%純粹調整倍率，pt以實際長度為準，三個
→ GALINE:適用的範圍都不相同。我個人喜歡用相對大小。但Firefox跟IE
→ GALINE:預設字型不一樣，這點我很頭大 /__\
推 chph:字型? 你是想說大小嗎? 但是大部分瀏覽器預設都是16像素