作者JYHuang (夏天到了,冷不起來了說)
看板Web_Design
標題Re: [CSS] font-size:xxpx 在不同解析度下的表現
時間Tue Jan 13 20:26:26 2009
※ 引述《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
推 kyork:字距可用語法控制,不過這樣一來控制字距的單位也要考慮進去 01/13 20:53
→ kyork:我還是習慣用px.....反正能交差客戶最重要 (光速逃 01/13 20:54