NEWS建站资讯

请致电给我们!
How to Contact Us?

css网站设计最好使用em单位作为字体显示单位

发布时间: 2011年8月14日本文编辑:广州做网站公司www.3gonet.cn阅读数:3019

css网站设计最好使用em单位作为字体显示单位

在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。今天广州做网站公司为大家讲述下css网站设计使用em单位作为字体显示单位的优势:

注重点:可能是IE处理汉字时,对于浮点的取值精确度有限,在body下62.5%出来的12px字体比直接定义的要大一点点,只要将62.5%换成63%就可以了。通过以上对CSS代码的调整,你会发现自己的网站又向用户体验设计更靠近了一步,在如今这个提倡可用性设计以及用户体验设计的网络时代这是很重要的。

对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免,那就是使用em单位作为字体显示单位。

浏览器的默认字体高都是16px,所以未经调整的浏览器在显示1em=16px。换算过来的话也就是说1px=0.0625em,也就是12px=0.75em, 10px=0.625em,通过1px=0.0625em大家可以在CSS编写时通过px转换成em。不过还有一种更方便的方法,继续往下看!

这种方法要用到%单位(仅1次),其实%和em简单的话可以理解成前者只是比后者多2个0。为了简化font-size的换算,大家可以在css中的body中先全局声明font-size=62.5%,这里的%的算法和em一样,100%=16px,1px=6.25%,10px=62.5%,也就是定义了默认字体大小为10px。很多初学者可能会在此定义0.625em或者直接定义12px,这是没有效果的,一定要定义font-size=62.5%!由于em具有会继续父级出血元素的字体大小的特点,这是的1em=10px,所以12px=1.2em。px与em的转换通过10就可以得来,很方便了吧!


关键词标签:css网站设计最好使用em单位作为字体显示单位 广州做网站www.3gonet.cn

广州做网站

案例展示

匠心打造精品,用心成就经典!!携手客户共创双赢!!

品牌橱柜企业网站建设
品牌橱柜企业网站建设
在当今这个网络时代,作为橱柜、衣柜设计研发、生产制造企业的网站形象十分重要,所以在建设的时候要根据自己的品牌形象来制定方案。要善用网站的力量来宣传自己,营销自己、推广自己。...
130
183
环保科技公司网站建设
环保科技公司网站建设
环保科技公司网站建设以界面的简洁化,功能模块的灵活变通性为原则,做到产品展示,服务技术支持,问题,反馈意见,加盟等为一体,充分帮助客户体验到公司的全系列服务;...
135
186
装饰公司网站建设
装饰公司网站建设
装饰公司网站设计,如何做到实而不华,页面的设计要符合企业的性质、能方便浏览者能清楚地找到所需要的信息!...
140
189
LED灯光电企业网站建设
LED灯光电企业网站建设
作为国内领先的LED封装器件产品研产销于一体的高新技术企业,建设LED网站,使其成为的企业LED网站和实现信息化和网络化的整体平台,与LED公司的战略发展策略高度统一!全方位展示产品:LED支架&光学...
145
192

更多案例

广州做网站 - 欢迎来电咨询三行网络,电话:020-85628720