All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
PHP经典的给图片加水印程序_[PHP教程]
ASP.NET,AJAX正式版带来的Validator问题及解决方案_[Asp.Net教程]
扩展GridView(三)——单击命令按钮弹出确认框_[Asp.Net教程]
优化php程序必须注意的39个技巧_[PHP教程]
学习PHP小结:PHP编程中常用的三则技巧_php资料_编程技术
一组,ASP.NET,2.0,主题文件下载_[Asp.Net教程]
用php实现gb2312和unicode(UTF-8)间的编码转换_php资料_编程技术
Asp.Net,加密示例_[Asp.Net教程]
资深网管教你一步步安装MYSQL数据库_php资料_编程技术
用XMLHTTP对象抓取网页源代码,拆分数据写入数据库_[XML教程]
Reading number is top 10 pictures
陪睡门马睿菈自曝写真 称首拍大尺度照片1
[猫扑大杂烩]华东师范墙上看到的捐精告示 15毫升3600元
运动的范冰冰2
俄罗斯台球天后惊艳魅惑1
非常漂亮的泳装美女
遇到插队的怎么办?
汪峰的梦想
The money of more than 100 countries and regions3
So beauty, will let you spray blood1
各种囧况!玩游戏最不喜欢出现的十件事(点评)
Download software ranking
apache-tomcat-6.0.33
美女写真1
在线棋牌游戏3.05版
Sora aoi - one of more PK
Sora aoi‘s film--Lust fan wall
The hero
Boxer Classic video1
linux安装大全
Unix video tutorial1
Unix video tutorial8
归海一刀 published in(发表于) 2014/3/30 5:35:09 Edit(编辑)
提高网页的用户体验:字体大小的设计_[Html教程]

提高网页的用户体验:字体大小的设计_[Html教程]

提高网页的用户体验:字体大小的设计_[Html教程]

  现在国内绝大多数的站点都用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......

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




 
 
 
 
 


添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.