上下文:我试图将方程式内嵌图像(PNG文件)无缝插入到网页中。我知道这已经做过了,但是我把它作为一个学习项目。因此,我对显示数学的图书馆不感兴趣,而是对这个问题的一般答案。
我希望图像能够自然地缩放它们的高度,以匹配css样式的当前文本高度的某个百分比。我是网页设计的初学者,但似乎我应该能够包含一个看起来像这样的风格:
height: 80% * parent.text_height
这可以用纯CSS吗?
答案 0 :(得分:8)
Ems是相对度量单位,它取决于父元素的文本大小。一个em大约是文本行之间的距离。因此,您可以尝试:
height: .8em;
但请注意,内联元素(如普通的旧img
标记)不接受高度规范。