em是否到了退出的时候

今天看到 YUI CSS 框架中的时,看到用了其用来表示宽度的时候,很多地方都用了 em,在调整字体大小的时候,用了百分比。官方的说法是这样的:

Always use percentages as the units because they render more consistently than ems, and because they allow user-initiated resizing (unlike pixels).

在两年前的时候,我们都知道 em 优于 px 的地方在于能够允许用户调整字体的大小(特别是在IE下)。随着浏览器升级大战,现在多数的浏览器都能够支持 px 和 em 字体的缩放了,那么,我们还有必要在使用 em 么?

特别是像YUI CSS这样,使用 em 来定义页面的尺寸,是否不如用 px 来的直观和精确呢?

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {     margin:auto;     text-align:left;     width:57.69em; *width:56.25em; } #doc2 {     width:73.076em; *width:71.25em; } #doc3 {     margin:auto 10px;     width:auto; } #doc4 {     width:74.923em; *width:73.05em; }

在段落中,定义缩进两字字的时候使用 em 是很方便的,但是像这样 width:12.30769em; 来定义尺寸的,我想平时没有人会这么写吧。

参考资料 1、YUI CSS Framework。 2、em与px的区别

Technorati 标签: em,px,css,yui

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ionic3+

【技巧】ionic3如何实现优雅的弹窗动画

关于这篇文章,很早前就准备写了,只是内容属于我了解的非官方资料,怕有Bug风险误导别人,又怕我表述不清楚一直没动笔,后来群里有人专门找我问这个,那我还是写一下,...

2703
来自专栏企鹅号快讯

Web前端:浅析“HTML+CSS的基本应用”

Hyper Text Markup Language,简称HTML,超文本标记语言,因页面中可以包含图片、链接、音乐、程序等非文本元素,所以称为超文本。 ? H...

23510
来自专栏coding for love

CSS入门9-定位机制

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

693
来自专栏Coco的专栏

你所不知道的 CSS 动画技巧与细节

1343
来自专栏小狼的世界

Silverlight学习笔记:布局之stackpanel

在用户界面设计方面的竞争多半是围绕着如何制作出有吸引力、实用、灵活的用户界面而展开的。在基于浏览器的应用中进行界面的设计则是一项更加需要技巧的工作,因为我们的客...

682
来自专栏Sign

web版《合成10》制作过程

《合成10》是一个很容易上瘾的游戏。 之前尝试的写了个网页版,游戏地址 ccx01.com/game/get10/ 现在写一下网页版合成10的制作过程。 这个游...

35012
来自专栏小狼的世界

不同浏览器对于换行的处理

在一个容器中,如果设定了宽度,一般来说自动换行都是比较正常的,但是如果遇到了连续的英文字符,这个问题就会让人头疼。这不,我们部门的用户在测试的时候输入连续的字符...

1152
来自专栏LIN_ZONE

css 中 zoom和transform:scale的区别(转载)

还在几年前,zoom还只是IE浏览器自己私有的玩具,但是,现在,除了FireFox浏览器,其他,尤其Chrome和移动端浏览器已经很好支持zoom属性了:

983
来自专栏互联网杂技

box布局

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style>...

2707
来自专栏進无尽的文章

浅汇-iOS UI布局

  iOS中UI的布局是很重要的,而在前期开发中就要选定好布局的方法,因为这对整个工程乃至于后期的版本维护都有很重要的影响。本文从比较老的Frame到新生Aut...

2882

扫码关注云+社区

领取腾讯云代金券