DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 完美網頁應該適應不同人群
完美網頁應該適應不同人群
編輯:CSS詳解     

這兩天傷到腰,醫生讓我躺臥休息一周,避免坐立。躺著看著電腦,把鼠標鍵盤加了延長線,放到腿上。看著屏幕上的字倍感吃力。因為字小,完全看不清楚。用Ctrl+鼠標中鍵進行滾動,發現很多站點用的都是pt和px字體CSS定義。滾動根本就無效……回看自己的個站,字體滾動是支持了。

標准:

引用代碼
  1. body {
  2. text-align:center;
  3. height:100%;
  4. font-size: 75%;
  5. line-height: 1.5em;
  6. font-family: Verdana, MingLiu, Arial, Helvetica;
  7. }

IE Hack:

引用代碼
  1. body {
  2. text-align:center;
  3. height:100%;
  4. font-size: 80%;
  5. line-height: 1.5em;
  6. font-family: Verdana, MingLiu, Arial, Helvetica;
  7. }

因為兩種內核的浏覽器的差別所以分開寫了兩種字體大小。覺得滾動後頁面效果錯亂,很不美觀。就想起了自己當初的一個思路,將所有的相關的寬度高度單位都換算成以字體(em)為單位。(當初是因為看了yahoo的網站萌發的念頭)。於是著手修改。修改的量不算很大,基本上就是一個等式:em寬度=PX寬度/12。很快,大約10分鐘就全部修改完了。鼠標滾動縮小後得下圖:(可使用iframe做站點縮略圖用)

demo

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved