是适应不同人群的完美网页 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

   

    发现很多站点用的都是pt和px字体CSS定义,

是适应不同人群的完美网页

。滚动根本就无效……回看自己的个站,字体滚动是支持了。

    标准:

    引用代码

   

    以下为引用的内容:

   

    body {

    text-align:center;

    height:100%;

    font-size: 75%;

    line-height: 1.5em;

    font-family: Verdana, MingLiu, Arial, Helvetica;

    }

    IE Hack:

<del title="删除于207-02-03" datetime="2007-02-03T00:32:30+08:00"><strong>引用代码</strong></del>
<table style="BORDER-RIGHT: #0099cc 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: #0099cc 1px solid; BORDER-LEFT: #0099cc 1px solid; BORDER-BOTTOM: #0099cc 1px solid" cellspacing="0" cellpadding="6" width="95%" align="center" border="0"><tr><td style="WORD-WRAP: break-word" bgcolor="#ddedfb"></p><p>    以下为引用的内容:</p><p>    <ol><li>body {</li><li>text-align:center;</li><li>height:100%;</li><li>font-size: 80%;</li><li>line-height: 1.5em;</li><li>font-family: Verdana, MingLiu, Arial, Helvetica;</li><li>}</li></ol></p></td></tr></table>

    因为两种内核的浏览器的差别所以分开写了两种字体大小,

电脑资料

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

   

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

最新文章