完美網頁應該適應不同人群

2024-07-11 08:24:23

字體：大中小

來源：轉載

供稿：網友

這兩天傷到腰，醫生讓我躺臥休息一周，避免坐立。躺著看著電腦，把鼠標鍵盤加了延長線，放到腿上。看著屏幕上的字倍感吃力。因為字小，完全看不清楚。用Ctrl 鼠標中鍵進行滾動，發現很多站點用的都是pt和px字體CSS定義。滾動根本就無效……回看自己的個站，字體滾動是支
這兩天傷到腰，醫生讓我躺臥休息一周，避免坐立。躺著看著電腦，把鼠標鍵盤加了延長線，放到腿上。看著屏幕上的字倍感吃力。因為字小，完全看不清楚。用Ctrl 鼠標中鍵進行滾動，發現很多站點用的都是pt和px字體CSS定義。滾動根本就無效……回看自己的個站，字體滾動是支持了。
標準：
引用代碼body {text-align:center;height:100%;font-size: 75%;line-height: 1.5em;font-family: Verdana, MingLiu, Arial, Helvetica;}
~~IE Hack：~~
~~引用代碼body {text-align:center;height:100%;font-size: 80%;line-height: 1.5em;font-family: Verdana, MingLiu, Arial, Helvetica;}~~
因為兩種內核的瀏覽器的差別所以分開寫了兩種字體大小。覺得滾動后頁面效果錯亂，很不美觀。就想起了自己當初的一個思路，將所有的相關的寬度高度單位都換算成以字體(em)為單位。(當初是因為看了yahoo的網站萌發的念頭)。于是著手修改。修改的量不算很大，基本上就是一個等式：em寬度=PX寬度/12。很快，大約10分鐘就全部修改完了。鼠標滾動縮小后得下圖：(可使用iframe做站點縮略圖用) demo

完美的網頁應該是適應不同人群的，讓正常視力的人可以看到正常的效果，對于弱視的人或者像我一樣躺在床上的人也是應該可以看到一種最合適觀看的效果。正如這些人群是平等享有自身的權利。或者有人覺得這不是必要的。但不嘗試過社會最底層的人民的苦楚，又怎么會體諒而且尊重他們。若不嘗試過視力的模糊和這種躺在床上看電腦的感覺，你又怎么會覺得這些東西對那樣的人群是多么的有用呢？如果你仍然覺得這些咚咚沒有必要，那我真的希望你在不久的將來可以享受一下：P

上一篇：CSS根據用戶需求設置網頁字體大小

下一篇：認識瀏覽器：Netscape 瀏覽器