看板 Web_Design 關於我們 聯絡資訊
※ 引述《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