歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng)，寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)！　　　　　咨詢(xún)熱線(xiàn)：13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗，900家客戶(hù)的選擇，值得信賴(lài)！


世紀網(wǎng)絡(luò )適應不同人群的完美網(wǎng)頁(yè)

作者：孫斌      發(fā)布時(shí)間：2009-05-31      瀏覽：2408次

62.9K


發(fā)現很多站點(diǎn)用的都是pt和px字體CSS定義。滾動(dòng)根本就無(wú)效……回看自己的個(gè)站，字體滾動(dòng)是支持了。

標準：

引用代碼

以下為引用的內容：

  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. }

因為兩種內核的瀏覽器的差別所以分開(kāi)寫(xiě)了兩種字體大小。覺(jué)得滾動(dòng)后頁(yè)面效果錯亂，很不美觀(guān)。就想起了自己當初的一個(gè)思路，將所有的相關(guān)的寬度高度單位都換算成以字體(em)為單位。(當初是因為看了yahoo的網(wǎng)站萌發(fā)的念頭)。于是著(zhù)手修改。修改的量不算很大，基本上就是一個(gè)等式：em寬度=PX寬度/12。很快，大約10分鐘就全部修改完了。鼠標滾動(dòng)縮小后得下圖：(可使用iframe做站點(diǎn)縮略圖用)

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



0