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

看板Web_Design作者 (夏天到了,冷不起來了說)時間15年前 (2009/01/08 18:21), 編輯推噓10(1008)
留言18則, 6人參與, 最新討論串1/5 (看更多)
一直以為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

01/08 18:32, , 1F
我測試沒有這種情況說 有沒有其他css蓋過去了
01/08 18:32, 1F

01/08 19:39, , 2F
不要用px來設定字體大小 這樣網頁親和力會降低
01/08 19:39, 2F

01/08 19:39, , 3F
建議你可以去參考YUI的CSS reset~
01/08 19:39, 3F

01/08 20:01, , 4F
會不會是內容被擠壓
01/08 20:01, 4F

01/08 20:56, , 5F
用px網頁親和力會降低也算是IE才有的問題了吧
01/08 20:56, 5F

01/08 21:00, , 6F
倒也不完全算,如調整螢幕的DPI,預設字型的px大小會變化
01/08 21:00, 6F

01/08 21:06, , 7F
那最推的應該是pt才對 以前常看到推em文章現在看來
01/08 21:06, 7F

01/08 21:06, , 8F
跟直接設px好像沒什麼差別..
01/08 21:06, 8F

01/08 21:14, , 9F
pt是印出來的大小? 之前的文章不是推px? 到底要用那個哩?
01/08 21:14, 9F

01/08 21:27, , 10F
這應該也是沒有結論的問題..XD
01/08 21:27, 10F

01/08 22:54, , 11F
em. pt 是列印用, 不要開玩笑了
01/08 22:54, 11F

01/08 23:03, , 12F
em是以當前字型大寫字母M的高度為1.0,ex則是小寫x高度
01/08 23:03, 12F

01/08 23:04, , 13F
em的效果跟%相同,只是數字差一百倍。ex我不用
01/08 23:04, 13F

01/08 23:05, , 14F
1PT是1/72吋,在螢幕上的大小則依DPI設定不同而變化
01/08 23:05, 14F

01/08 23:07, , 15F
px以螢幕為準,ex或%純粹調整倍率,pt以實際長度為準,三個
01/08 23:07, 15F

01/08 23:08, , 16F
適用的範圍都不相同。我個人喜歡用相對大小。但Firefox跟IE
01/08 23:08, 16F

01/08 23:08, , 17F
預設字型不一樣,這點我很頭大 /__\
01/08 23:08, 17F

01/08 23:48, , 18F
字型? 你是想說大小嗎? 但是大部分瀏覽器預設都是16像素
01/08 23:48, 18F
文章代碼(AID): #19PTEhPL (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #19PTEhPL (Web_Design)