歡迎訪問世紀網絡官網,寶雞網站建設SEO優化已累計服務超過900家企業!     咨詢熱線:13619273150

15年網站建設優化經驗,900家客戶的選擇,值得信賴!


世紀網絡適應不同人群的完美網頁

作者:孫斌      發布時間:2009-05-31      瀏覽:2411

62.9K


發現很多站點用的都是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做站點縮略圖用)

完美的網頁應該是適應不同人群的,讓正常視力的人可以看到正常的效果,對于弱視的人或者像我一樣躺在床上的人也是應該可以看到一種最合適觀看的效果。正如這些人群是平等享有自身的權利?;蛘哂腥擞X得這不是必要的。但不嘗試過社會最底層的人民的苦楚,又怎么會體諒而且尊重他們。



0