网上商店系统
首    页 | 电商资讯 | 电商作品 | 成功案例 | 电商方案 | 系统演示 | 电商建设 | 电商索引 | 电商问题
当前位置: 首 页 > 电商建设

提高网页的用户体验:字体大小的设计

文章来源:北京宇光宏达       浏览次数:1912次        发布日期:2011-7-19 19:37:30

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

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


特别提示:如需转载此篇文章请注明文章来源企策互通
文章关键词:
上一篇:
使用html表格和CSS进行混合网页设计 (2011-7-18 关注度:1896)
下一篇:
企业网站建设 企业网站建设形象设计分析 (2011-7-19 关注度:1953)
 
 相关文章
 
营销型网站的潜在客户管理 (2011-6-8 关注度:902)
MySpace成功揭密(2011-7-17 关注度:1732)
网站规划12要12不要(2011-7-18 关注度:1838)
国内首个电子商务调解中心获批并正式成立(2012-10-26 关注度:76)
营销型企业网站该如何规划?(2011-6-8 关注度:761)
精通CSS(7)-继承(2011-7-17 关注度:1208)
精通CSS(13)- 空白边叠加(2011-7-11 关注度:1228)
我是做地方门户网站的,都做了近4年了,谈点经验(2011-7-17 关注度:1735)
 
行业观点类别
 

开店疑难(94)
电商建设(143)
电商运营(217)
电商发展趋势(96)
售后服务(10)

电商建设关注排行 
  1.网页设计页面大小分析 不同分辨率下的网页大小
  2.网站建设合同模板 标准网站建设合同下载
  3.网站设计论文下载
  4.便宜网站建设 便宜网站建设分析
  5.网站建设业务营销策略 企业网站建设业务营销分析
  6.小议中英文网站排版设计的视觉差异
  7.提高网站友好度的十点建议
  8.十大网站设计错误 - 2006
  9.深度分析 企事业单位网站建设问题严重
  10.网站可信度建设十大准则 如果建立可信度高的企业公
电商建设最新文章 
  1.基于SMS的移动电子商务存在哪些安全问题?
  2.国内首个电子商务调解中心获批并正式成立
  3.关键词对网站的运营有什么影响?怎么分析网站关键词?
  4.什么是网上商城前端设计与网店前台设计?
  5.网页META标签内容写作规范要点
  6.Asp中通用函数
  7.探讨网站获得盈利的前提条件
  8.网站建设三步:申请空间编写网页上传文件
  9.明定网站的优化设计
  10.披露创业秘密 网站的盈利方式有哪些
首    页  |  关于我们  |  定制开发  |  购买流程  |  网店系统特性  |  商城系统策划  |  开店疑问问题  |  网店建设观点  |  友情链接  |  联系我们
  Copyright 2005-2007 51system 网上商城系统 All Rights Reserved 北京宇光宏达 版权所有 地址:北京市朝阳区东三环北路戊2号A1505室。
京ICP备11007506号