完美網(wǎng)頁應(yīng)該適應(yīng)不同人群

2024-07-11 08:44:11

字體：大中小

供稿：網(wǎng)友

這兩天傷到腰，醫(yī)生讓我躺臥休息一周，避免坐立。躺著看著電腦，把鼠標(biāo)鍵盤加了延長(zhǎng)線，放到腿上。看著屏幕上的字倍感吃力。因?yàn)樽中。耆床磺宄Ｓ肅trl 鼠標(biāo)中鍵進(jìn)行滾動(dòng)，發(fā)現(xiàn)很多站點(diǎn)用的都是pt和px字體CSS定義。滾動(dòng)根本就無效……回看自己的個(gè)站，字體滾動(dòng)是支
這兩天傷到腰，醫(yī)生讓我躺臥休息一周，避免坐立。躺著看著電腦，把鼠標(biāo)鍵盤加了延長(zhǎng)線，放到腿上。看著屏幕上的字倍感吃力。因?yàn)樽中。耆床磺宄Ｓ肅trl 鼠標(biāo)中鍵進(jìn)行滾動(dòng)，發(fā)現(xiàn)很多站點(diǎn)用的都是pt和px字體CSS定義。滾動(dòng)根本就無效……回看自己的個(gè)站，字體滾動(dòng)是支持了。
標(biāo)準(zhǔn)：
引用代碼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;}
因?yàn)閮煞N內(nèi)核的瀏覽器的差別所以分開寫了兩種字體大小。覺得滾動(dòng)后頁面效果錯(cuò)亂，很不美觀。就想起了自己當(dāng)初的一個(gè)思路，將所有的相關(guān)的寬度高度單位都換算成以字體(em)為單位。(當(dāng)初是因?yàn)榭戳藋ahoo的網(wǎng)站萌發(fā)的念頭)。于是著手修改。修改的量不算很大，基本上就是一個(gè)等式：em寬度=PX寬度/12。很快，大約10分鐘就全部修改完了。鼠標(biāo)滾動(dòng)縮小后得下圖：(可使用iframe做站點(diǎn)縮略圖用) demo

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

上一篇：CSS教程:設(shè)計(jì)制作網(wǎng)頁的CSS經(jīng)驗(yàn)

下一篇：WEB2.0的五個(gè)技術(shù)點(diǎn):單手定則