当前位置: 首页 > 面试题库 >

字体大小:EM与像素…在2011年应该使用哪一种?

倪子晋
2023-03-14
问题内容

因此,回想起过去,使用EM而不是像素来显示字体大小是更可取的,因为EM使用IE6进行缩放,而像素则没有。但是,如今,每个现代浏览器都能够正确缩放像素大小的字体。EM的另一个优点是它可以级联,而像素不可以级联。

就是说,如果有人正在为现代浏览器进行Web开发,并且绝对 希望级联字体大小,那么像素会是首选吗?

我试图考虑使用像素代替字体来代替EM是否还有其他缺点。谢谢!


问题答案:

尽管每个现代浏览器都可以缩放使用px大小的文本,但是它们不能全部缩放使用px大小的文本,但这仍然取决于浏览器。

尝试使用缩放功能在IE8中“缩放”文本,绝对可以。使用官方的文字大小修饰符(页面->文字大小->最大)进行缩放,此操作无效。

  1. IE8-缩放,无比例
  2. Firefox 4,beta 12-缩放,无比例
  3. Google Chrome 10 Beta-缩放,无比例

我与之合作的几个官方机构使用官方文字大小修饰符作为其用户/组设置管理的一部分。为用户设置帐户后,通常会使用此设置对其进行预配置。我不知道他们是否必须在此设置它…但是对于我来说,EM还是可取的,因为PX不能在任何地方扩展。

最后,从W3C讲几句话。

单位:避免绝对长度单位用于屏幕显示

* 不要以pt为单位指定字体大小,也不要为屏幕样式表指定其他绝对长度单位。它们在各个平台上的呈现不一致,并且不能由用户代理(例如浏览器)调整大小。在具有固定和已知物理属性(例如,印刷品)的介质上,请保持使用此类单元进行样式设置。
* 使用相对长度单位,例如百分比或(更好)em




 类似资料:
  • 问题内容: 我想知道单位是多少,转换为像素()时1em是多少。我还读过一些有关IE错误的文章,以克服应将哪种主体字体大小设置为某种大小,但不能遵循太多的问题。有人可以详细解释吗? 问题答案: 尽管您可能在其他地方读过,但em和px之间 没有 直接关系。 作为链接之一指出: “ em”值基于大写字母M的宽度 因此,每种字体都会有所不同。窄字体可能与扩展字体具有相同的高度(以px为单位),但是em大小

  • 问题内容: 在CSS中设置字体大小时,我应该使用百分比值()还是?您能解释一下优势吗? 问题答案: 他们的结论是: 显示的大小和以ems为单位的行高以及在正文中指定的百分比(以及Safari 2的可选警告)可在当今所有常用的浏览器中提供准确,可调整大小的文本。您可以将这种技术放入工具包中,并将其用作在CSS中调整文本大小的最佳方法,该方法可以使设计人员和读者满意。

  • 我想减少一个480 X 480位图图像大小到30 X 30像素大小,但保持整个高度和宽度完整。(我不想缩放或使用高度/宽度属性!) 让我用更简单的方式--我试图将位图图像中的像素从480 X 480减少到30 X 30,高度和宽度保持不变,并且在将图像转换为30 X 30后,我预计会有一些失真。 我做了缩放,但它减少了宽度和高度,如果我再次增加宽度和高度,它只是恢复正常的像素。谢谢!

  • 在我正在构建的Android应用程序中,用户可以上传他们的个人资料图片。然后这些图片将进入“网格模式”。在我的例子中,网格模式的列宽小于图像大小。 因此,为了使其适合,我必须在上传到应用程序之前减少后端服务器上的图像大小。

  • 我已经将ViewPager和number of Fragment实现为子级,这里每个子级都覆盖自己的。 在我的应用程序中,导航行为是随机的,不是每次都有顺序。因为页面查看器执行缓存来加载额外的子级,这就是我的问题所在。我不确定何时应该初始化/释放子类成员。 需要你们的建议,在这种情况下使用PageViwer是否更好,或者我应该为每个组件使用传统的活动流。