css – 使用“em”调整字体大小仍然相关?

前端之家收集整理的这篇文章主要介绍了css – 使用“em”调整字体大小仍然相关?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
那些在调整字体大小时使用em的人将知道,当处理嵌套元素时,他们可能会头疼,并且必须使px – > em计算(确保您的设计解释正确@ 100%)会消耗额外的时间。

考虑到这些(毫无疑问是次要的)问题,考虑到主要浏览器在本地处理无障碍问题(如页面缩放/缩放)方面的最新进展,使用em来确定仍然值得考虑的字体大小吗? *:

*遗留浏览器(IE6)支持排除。

解决方法

不要为屏幕样式表以绝对长度单位指定font-size。它们在不同平台间呈现不一致,并且无法由用户代理(例如浏览器)调整大小。保持此类单元在具有固定和已知物理属性(例如打印)的介质上使用,

如果你将使用这种方法,不需要计算

您可以将主体的字体大小设置为62.5%(即默认值16px的62.5%),等于10px或0.625EM。现在你可以设置你的字体大小在EM与一个容易记住的转换,除以10的px。

* 12px = 1.2EMs
* 13px = 1.3EMs
* 16px = 1.6EMs
* 8px = 0.8EMs
* etc…

这使得一切超级容易记住,并消除了对转换表的需要。当然,在使用EM时,您仍然需要为嵌套元素使用转换表,如果您不是在CSS中具体的,这是一个完全独立的问题。

但76%是更好,你可以使用这个来计算http://pxtoem.com/

是的,它仍然相关:

IE6仍然被广泛使用,并且无法调整px中定义的字体大小。 =>可用性问题。那就是一个没有。

IE 7和8不调整大小与像素大小的文本,实际上。他们有页面缩放,但有些人喜欢只接受文字大小。

这里总结了什么是好和坏的字体大小一般。

我个人喜欢ems。其他人,像Chris Coyier在css-Tricks.com喜欢像素。 (Chris has an excellent article on the different font units)。

这真的归结于个人喜好。

SO几乎相似或相关问题

Should we still use em and % for defining the font-size of the website elements?

Is there really any point to using relative font sizing in CSS?

Why em instead of px?

Font size in CSS – % or em?

CSS font size: relative vs. absolute values. Which to use?

EM的问题

Using relative instead of fixed size in CSS

有用的在线工具px到em

http://pxtoem.com/

http://riddle.pl/emcalc/

http://convert-to.com/pixels-px-to-em-conversion.html

将整个网站从px转换为em(此工具仍在开发中)

http://converter.elementagency.com/

EM计算器AIR应用程序(将在所有操作系统上工作)

http://jameswhittaker.com/journal/em-based-layouts-vertical-rhythm-calculator/

http://jameswhittaker.com/projects/apps/em-calculator-air-application/

Windows应用程序

http://www.thebrightlines.com/2009/11/16/pixem-pixel-to-em-converter/

http://www.storkas.com/Projects.aspx(go底部)

CSS的像素到Ems转换表

http://jontangerine.com/silo/css/pixels-to-ems/

http://reeddesign.co.uk/test/points-pixels.html

emchart

http://aloestudios.com/tools/emchart/

http://aloestudios.com/code/emchart/

关于这个问题的更多文章

http://www.d.umn.edu/itss/support/Training/Online/webdesign/type.html

原文链接:https://www.f2er.com/css/223391.html

猜你在找的CSS相关文章