Re: [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來定義，怎麼不同解析度下會有不同的大小..
剛剛在另一台電腦編輯時又出現同樣的問題
試了一下...大致上發現原因了
好像是因為這台電腦的Fx字型之前有跑掉過，設定上會不同於預設值
不同的字型有不同的字距，所以區塊會被撐開..
CSS裡加入font-family: "Times New Roman", Times, serif
表現才正常了點..
看來CSS Reset裡也要重置一下字型 ...
才不會因為browser的設定值不同而造成版面的差異...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.55.21
推
01/13 20:53, , 1F
01/13 20:53, 1F
→
01/13 20:54, , 2F
01/13 20:54, 2F
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 4 之 5 篇)：