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

看板Web_Design作者GALINE (我是CQD，不是cqd)時間17年前 (2009/01/09 00:26)推噓16(16推 0噓 21→)

留言37則, 7人參與討論串3/5 (看更多)

※ 引述《JYHuang (夏天到了，冷不起來了說)》之銘言： : 推 GALINE:em是以當前字型大寫字母M的高度為1.0，ex則是小寫x高度 01/08 23:03 : → GALINE:em的效果跟%相同，只是數字差一百倍。ex我不用 01/08 23:04 : → GALINE:1PT是1/72吋，在螢幕上的大小則依DPI設定不同而變化 01/08 23:05 : → GALINE:px以螢幕為準，ex或%純粹調整倍率，pt以實際長度為準，三個 01/08 23:07 : → GALINE:適用的範圍都不相同。我個人喜歡用相對大小。但Firefox跟IE 01/08 23:08 : → GALINE:預設字型不一樣，這點我很頭大 /__\ 01/08 23:08 : 如同GALINE網所說的，相對大小(small,smaller,normal...等)會有差異 : 我設為font-size:small 在兩台電腦上各用Fx跟IE截圖下來剛剛試了一下，IE的預設字型大小似乎跟dpi設定有關。我把螢幕的DPI從120改回96以後，字型大小就相同了。在同樣不套用任何CSS跟字型標籤的狀況下，Firefox字型大小始終是16px（以Firebug計算的值為準），IE則是明顯看出大小跟著DPI變小。我猜測IE6的預設字型大小為12pt。當螢幕解析度設定為大多數電腦預設的96DPI時： 12pt = 12 / 72 英吋 = 12 / 72 * 96 px = 16px 但一但DPI增加為120，計算出的像素大小就變成20px。話說以前完全沒注意到這一點 O_oa 硬要說的話，16px跟12pt的確是不同的大小設定… :P : IE在 1280x1024 跟 1024x768 之下完全沒有差異 : Fx則是差了幾級... : 後來我又用VMWare開了個XP來測.. : 結果發現...不同版本的Firefox會有很細微的差異 : 像是一樣的CSS Fx3.1Beta跟3.05位移了一個 pixel ￣▽￣|| : 另外..在另一台電腦上不知道是不是ServerPack版本不同.. : Fx上的字型跟字距也是有些不同 : 這點IE倒是很從一而終... 看來是Gecko每次改版，顯示的畫面都會略有變…這有點麻煩不過我個人本來就傾向於CSS排版要保留伸縮間隙，讓不同瀏覽器之間顯示時版面可以「熱脹冷縮」而不至於破版。從另外一個角度來說，要不就是IE的核心根本就沒怎麼改動，要不就是IE花了很大的功夫保持各種狀況的向後相容性。個人偏執的認為是前者，我就是情緒化的討厭他 =3= -- 不可以！那是黑鷹族的精神象徵！ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.47.118.32 ※ 編輯: GALINE 來自: 114.47.118.32 (01/09 00:26)

→