CSS:什么/为什么将字体大小指定为字体大小:14px/1.31em?

标签 css

在 CSS 中,我见过使用 px 和 em 设置字体大小,如下所示:

font-size: 14px/1.31em;

这种写法到底是什么意思,我用这种写法解决什么问题?

谢谢!

最佳答案

这里是empx的确切定义

Ems (em):“em”是用于网络文档媒体的可缩放单位。一个em等于当前的font-size,比如文档的font-size是12pt,1em就等于12pt。 Ems 本质上是可扩展的,因此 2em 等于 24pt,.5em 等于 6pt,等等。由于可扩展性和移动设备友好的特性,Ems 在 Web 文档中越来越受欢迎。

像素 (px):像素是屏幕媒体中使用的固定大小单位(即在计算机屏幕上读取)。一个像素等于计算机屏幕上的一个点(屏幕分辨率的最小分度)。许多网页设计师在网页文档中使用像素单位,以便在浏览器中呈现其网站时产生像素完美的表示。像素单位的一个问题是它不能向上缩放以供视障读者使用或向下缩放以适合移动设备。


What exactly does this way of writing mean and what problem do I solve by using this way of writing?

例如,当您将 font-size 设置为 10px 并使用 3em 时。你会得到 30px (10*3)。

编辑:

基本上,我们可以使用简写形式的font: 14/1.31em 来设置font-sizeline-height

但是,在您的情况下,font-size: 14px/1.31em; 没有任何简写形式。所以,你不能这样设置。 语法错误

查看"CSS Font-Size"的更多解释

关于CSS:什么/为什么将字体大小指定为字体大小:14px/1.31em?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19569480/

相关文章:

javascript - 隐藏和显示侧切换

html - 如何将 15 个字段放入 400px x 510px 的表单中

javascript - 加载页面时无法显示加载图标 - bootstrap

CSS:悬停在一个元素上,影响另一个?

css - div 的高度不一致

html - 如何通过 CSS 更改占位符的字体大小但不更改 <input> 中值的字体大小?

css - ionic 2 应用程序中的 ionic ListView 不附带背景图像

jquery - 将 CSS 样式应用到表的每个 TD 元素

html - CSS - 在除最后一个元素之外的元素之间添加空格

html - 多个背景定义一个大小的css