很衰，本來幫朋友弄BSP的CSS佈景時，都很有自信，可是最近卻常發生我以為弄好了，對方在別的電腦看卻有問題的情況。而今天的情況更誇張，雖然我IE6、IE7和Firefox都會測，卻偏偏沒想到寬螢幕的問題。
今天碰到的情況是，老闆希望版面能夠固定到「不管怎麼看，每行字的字數一樣」。我本來想說那很簡單，只要區塊寬度和字體大小都固定，照理說每行字的字數就會一樣對吧！
可是偏偏就是不一樣。原本是這樣的：
可是，跑到寬螢幕，字卻變大了！
雖然老闆一直說是整個變窄，但無論如何，多少像素就是多少像素，都是一樣的，只有可能是字的大小改變而已。後來我突然又想到，寬螢幕的每個像素，是不是都比正常螢幕窄呢？所以，我的字體大小必須也用像素來定義，而不該用點(pt)來定義？
所以我想說，把字體大小改為px吧！(註1)
不過老闆是用所見即得的編輯器，所以內文有許多我討厭的亂七八糟標籤，而且不知為何一定有font size和span的標籤，因為在CSS裡面定義font標籤沒什麼作用，所以selector就使用內文的所有span，目前似乎好了。
可是，這種治標不治本的方式，不知能撐多久啊！(抖抖)
註1、原本我中文字的字體大小喜歡用pt，英文用em或px，經過這次，無論這判斷是不是對的，搞不好以後都不用pt了。(搞什麼？亂開帖子！)
3 則迴響
我之前也遇過類似問題
不知道一不一樣，你可以參考看看
通常寬螢幕，相同px的字體會比一般螢幕顯得小許多
所以有些人看不清楚，就會去調整「字體解析度」
正常是96dpi，放大的話是120dpi
設定方法：桌面點右鍵>內容>設定值>進階
就可以看到
如果有做調整，改為120dpi的話
只要是以em，或是pt為單位的字就會被放大
嚴重的時候，會破壞版面
使用px來定義字型大小是可行的解決方案
也能保證，不論在96dpi或是120dpi的電腦
你的網站都是相同的樣子，不會有差別
所以使用px還是能避調許多麻煩的呢
是不是用寬螢幕的人自己沒把解析度設對呢？（爆）
既然參加過 yhack day 就一定要用 yui 那才是王道
1. font 這種東西，在w3c 訂定css標準時，已經把它廢掉了。 b, i, tt, sub, sup, big, small, hr 這些也廢掉了，可以叫你老闆別再用了。
2. font-size 這種東西在f2e界 都知道要用百分比設定像以下這頁http://developer.yahoo.com/yui/fonts/ 這是要考慮 accessibility 。
一般有社會責任的入口網站跟f2e都會注意，畢竟這世界還是有一小群視障人員。像cnn.com這種網站就被罵到爆了，完全不管弱勢族群。
跟你老闆好好道德勸說吧 rd 是良心事業啊！！ 鼓勵大家用良心coding , ‘font-size:88%’ 別用’px’了
3. 雖然yui 的所見即所得，不見得是寫最好的。但是不會有font標籤這種東西，參考看看吧。
至於版面的問題，建議可以參考 yui 的 grid.
http://developer.yahoo.com/yui/grids/
除此之外就只能靠 develope 用心 coding 了，
在版面 yahoo 的首頁是做到最好的，幾乎可以說是向量圖了，怎樣都不會破壞。
其他的頁面也都盡量做到改３個層級版型也不會破掉。