css - 如何像使用 px 一样简单地使用和管理相对字体值

标签 css xhtml accessibility

对字体使用相对值 em% 有什么缺点,什么是舍入问题?以及如何避免/解决舍入问题。有计算器吗?

如何像使用 px 一样简单地使用相对值

最佳答案

使用 em 或 % 没有太多缺点。 有时我很难让字体在 IE 和普通浏览器中看起来完全相同。但大多数时候我必须做一个 IE CSS,所以这不是真正的问题。

当您在 PX 中定义字体时,字体在某些 运行 windows 的计算机上没有消除锯齿。如果您使用 EM 或 % 它们是并且您可以非常精确地控制字体大小。 (例如 1.249em)。

与@scunliffe 不同,我总是使用 EM 作为字体大小。即使你有固定的设计。有时无法使用 PX 字体进行像素完美设计,因为 Photoshop 渲染的字体与在浏览器中渲染的字体看起来不同。

我做了一个测试工具来显示差异: http://bluesys.ch/csstest/

在这里您可以找到将 PX 值转换为 EM 的工具: http://pxtoem.com/

关于css - 如何像使用 px 一样简单地使用和管理相对字体值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2801587/

相关文章:

php - iframe 应适合移动设备的整个屏幕

html - 使照片覆盖六边形的整个区域

html - 创建一个只向任一方向 float 的类有什么好处?

javascript - html native 下拉菜单 - 在输入单击时打开菜单项

javascript - 如何检查 svg <g> 元素是否支持 css 转换

html - 将边框放置在 div 内部而不是其边缘

javascript - 自定义属性 - 是还是不是?

javascript - 如何在 XHTML 中添加 jQuery CDN 回退?

javascript - 如何防止屏幕阅读器焦点(不是指键盘焦点)离开预定义区域(例如,模态)

browser - 如何在浏览器中更改 `preferes-reduced-motion`设置?