完美网页应该适应不同人群

筱安吥闹

筱安吥闹

2016-02-19 23:46

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的完美网页应该适应不同人群,过去的都会过去,迎接崭新的开始,释放更美好的自己。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

这两天伤到腰,医生让我躺卧休息一周,避免坐立。躺着看着电脑,把鼠标键盘加了延长线,放到腿上。看着屏幕上的字倍感吃力。因为字小,完全看不清楚。用Ctrl+鼠标中键进行滚动,发现很多站点用的都是pt和px字体CSS定义。滚动根本就无效回看自己的个站,字体滚动是支持了。

标准:

引用代码body {text-align:center;height:100%;font-size: 75%;line-height: 1.5em;font-family: Verdana, MingLiu, Arial, Helvetica;}

IE Hack:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
引用代码body {text-align:center;height:100%;font-size: 80%;line-height: 1.5em;font-family: Verdana, MingLiu, Arial, Helvetica;} 

因为两种内核的浏览器的差别所以分开写了两种字体大小。觉得滚动后页面效果错乱,很不美观。就想起了自己当初的一个思路,将所有的相关的宽度高度单位都换算成以字体(em)为单位。(当初是因为看了yahoo的网站萌发的念头)。于是着手修改。修改的量不算很大,基本上就是一个等式:em宽度=PX宽度/12。很快,大约10分钟就全部修改完了。鼠标滚动缩小后得下图:(可使用iframe做站点缩略图用)

demo

完美的网页应该是适应不同人群的,让正常视力的人可以看到正常的效果,对于弱视的人或者像我一样躺在床上的人也是应该可以看到一种最合适观看的效果。正如这些人群是平等享有自身的权利。或者有人觉得这不是必要的。但不尝试过社会最底层的人民的苦楚,又怎么会体谅而且尊重他们。若不尝试过视力的模糊和这种躺在床上看电脑的感觉,你又怎么会觉得这些东西对那样的人群是多么的有用呢?如果你仍然觉得这些咚咚没有必要,那我真的希望你在不久的将来可以享受一下:P

展开更多 50%)
分享

猜你喜欢

完美网页应该适应不同人群

Web开发
完美网页应该适应不同人群

不同人群适合喝什么汤 不同人群应该如何喝汤

电脑网络
不同人群适合喝什么汤 不同人群应该如何喝汤

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

不同人群检查项目也不同

生活常识 生活小常识
不同人群检查项目也不同

冬季不同人群进补方法不同

冬季 健康常识
冬季不同人群进补方法不同

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

新年来临 不同人群整形应该怎么选

整容
新年来临 不同人群整形应该怎么选

不同人群的养护之道

电脑网络
不同人群的养护之道

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

You are my only love 你是我唯一的爱

You are my only love 你是我唯一的爱

可爱的qq分组设计_徘徊在崩溃的边缘回眸

可爱的qq分组设计_徘徊在崩溃的边缘回眸
下拉加载更多内容 ↓