会员中心
用户名：    密码：    验证码：      免费注册会员

jquery手册   CSS2手册       请关注健康

CSSer > 客户端开发 > web标准与前台开发 > 增加亲和力和易访问性-把控制字体大小的决定权交还给用户

来源： 作者：forestgan 发布时间：2007-04-12
雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率 ，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字放大，或者用菜单上的查看>文字大小来改变字的大小。

如何设定
1.在body标签里将字体尺寸设为62.5%，如果在body里没有CSS设定，那么浏览器默认的大小是16px，设了62.5%，则字体尺寸=16px*62.5%=10px，这时你能用em方便地设大小了，比如你需要用12px，只要设1.2em。

body{
font-size: 62.5%;
}

h1{
fong-size: 1.4em;/* h1字的大小相当于14px */
}
2.body里字体尺寸设为75%，则字体尺寸=16px*75%=12px，1em相当于12px.

body{
font-size: 75%;
}

h1{
fong-size: 1.5em;/* h1字的大小相当于18px */
}
第一种方法更好些。

如果是英文网站的话，还可以设定为small、x-small......

当然这样一来，对页面的设计要求会高一些。

相关文章

  • Accesskey引起的一点点思考

    Access key 是什么？~估计除了做 Web 开发的没多少人知道，Access key 是网页提供的快捷键。先回到软件界面，看下我的 Ope

  • 重新认识表格和一个访问无障碍的数据表格例子

    表格一直是网页设计制作过程中一个重要的组成部分，在没学习CSS布局前，大多是用来布局的，但到目前位置发现居然还没真正

  • javascript中parseFloat的用法

    parseInt(numString, [radix]) 参数 numString 必选项。要转换为数字的字符串。 radix 可选项。在 2 和 36 之间的表示 num

  • 遵照 WCAG 指导原则设计表单

    表单是网页中一个不可缺少的部分，如何使表单更具有亲和力了？这是一个遵照 WCAG 指导原则设计的表单，许多地方都努力去做

  • 面向对象的 Javascript

    JavaScript的演化是渐进而稳固的。历经过去十年的进程，JavaScript在人们的认知里已经从一门简单的玩物式的语言逐渐发展成

  • 掌握Ajax：使用 JSON 进行数据传输

    在异步应用程序中发送和接收信息时，可以选择以纯文本和 XML 作为数据格式。掌握 Ajax 的这一期讨论另一种有用的数据格式

  • 更具可访问性的Display:none;

    现在越来越多的网页出于各种各样的原因会将页面上的一些区域（通常是div）隐藏，CSS隐藏元素的方法也有很多种，最常用也是

  • Adobe Dreamweaver CS3初探密

    作为网页设计工具，Dreamweaver和GoLive相比之下，Dreamweaver的性能似乎更胜一筹。Dreamweaver 8发布至今已有两年之久了