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

2022-09-25 19:12:08 字數 830 閱讀 8048

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

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

標準:引用**body

ie hack:

引用**body

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

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

本文標題: 完美網頁應該適應不同人群

本文位址: /web/css/26878.html

網頁自適應

1.文件 允許網頁寬度自動調整 網頁的原始比例即為螢幕的大小,ie9 viewport元標籤 網頁的預設寬度,width device width,是說網頁的初始寬度等於螢幕的寬度,initial scale 1,縮放比例為1倍 相容ie老版本需要支援 2.載入css css3 media quer...

網頁自適應

文章入口 自適應 使用 viewport 標籤 viewport 是網頁預設的寬度和高度,上面這行 的意思是,網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1.0,即網頁初始大小佔螢幕面積的100 使用 百分比 或 em 要變化的不宜...

網頁自適應

允許網頁寬度自動調整 自適應網頁設計 到底是怎麼做到的?其實並不難。首先,在網頁 的頭部,加入一行viewport元標籤。viewport是網頁預設的寬度和高度,上面這行 的意思是,網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1.0...