用户体验第一 font-size放弃px选择em(用户体验ui)

编辑：rootadmin

在如今这个提倡可用性设计以及用户体验设计的网络时代，CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。浏览器的默认字体高都是px，所以未经调整的浏览器在显示1em=px。换算过来的话也就是说1px=0.em，也就是px=0.em, px=0.em，通过1px=0.em大家可以在CSS编写时通过px转换成em。不过还有一种更方便的方法，继续往下看！这种方法要用到%单位（仅1次），其实%和em简单的话可以理解成前者只是比后者多2个0。为了简化font-size的换算，大家可以在css中的body中先全局声明font-size=.5%，这里的%的算法和em一样，%=px，1px=6.%，px=.5%，也就是定义了默认字体大小为px。很多初学者可能会在此定义0.em或者直接定义px，这是没有效果的，一定要定义font-size=.5%！由于em具有会继承父级出血元素的字体大小的特点，这是的1em=px，所以px=1.2em。px与em的转换通过就可以得来，很方便了吧！此外有一点必须要注意，可能是IE处理汉字时，对于浮点的取值精确度有限，在body下.5%出来的px字体比直接定义的要大一点点，只要将.5%换成%就可以了。通过以上对CSS代码的调整，你会发现自己的网站又向用户体验设计更靠近了一步，在如今这个提倡可用性设计以及用户体验设计的网络时代这是很重要的。积木网 www.gimoo.net

推荐整理分享用户体验第一 font-size放弃px选择em(用户体验ui)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:用户体验一般,用户体验一般,用户体验第一位,用户体验一般,用户体验设计流程的第一步是什么,用户体验第一,用户体验第一位,用户体验设计流程的第一步是什么,内容如对您有帮助，希望把文章链接给更多的朋友！

font-size:1.2em 阿里满满 Alimanman (可以调整)

font-size:px 阿里满满 Alimanman (不能调整)

你可以通过IE顶部菜单中的"察看-文字大小"来调整字体显示尺寸

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

img标签中alt和title属性的正确使用在的img标签有两个属性分别为alt和title，对于很多初学者而言对这两个属性的正确使用都还抱有迷惑，当然这其中一部分原因也是ie浏览器所导致的。正

让IE6支持min-width最小宽度可浏览器使用率占最高的ie6偏偏不支持，虽然后来出场的ie7已经开始支持此属性。不过就用户体验的角度来说多浏览器支持也是很重要的，更何况就目

纯CSS制作的新闻网站中的文章列表应用CSS制作的新闻网站中的文章列表：ul是html中的无序列表，li是列表中的列表项。如果没有CSS定义它的外观，它默认是显示成一列列表，并且它会存在