Html 使图像符合字体大小属性？

我有以下问题：

我这里有一些文本，它的

font size

属性设置为24pt。看起来是这样的：

---

lorem ipsum:

在HTML中为

使用

高度和
宽度属性，你可以从
1px
每一个开始，从我看到的图像看起来比一个正方形像素大得多，如果需要，使用CSS中的
边距来调整它的位置

希望这有帮助！：-）
 使用图像作为背景，如下所示：


span{
右侧填充：1.3em；
背景：url(https://i.stack.imgur.com/5ucJK.png)右/自动100%无重复；
}
lorem ipsum:


乱数假文：


lorem ipsum:
您可以使用
高度：1em，或者如果高度太高，则为0.95em
或与
width:auto
组合的任何值，根据当前使用的行高/字体大小调整图像高度

只要在我的代码片段中更改字体大小，您就会看到效果。我用了0.75em来调整它


.x{
字体大小：32px；
}
img{
高度：0.75em；
宽度：自动；
}
lorem ipsum:
var textSize=$（“#text”）.css（“字体大小”）；
console.log（textSize）；
$（“#img”）.css（“高度”，textSize）
img{
垂直对齐：中间对齐；
}

lorem ipsum:
不幸的是，图像将不尊重字体大小属性。手动设置图像宽度或设置容器高度并使用flexbox或height 100%会更容易，这实际上取决于图像上的contextSet
height:1em
。不要使用宽度，这样可以保持纵横比。@NiettheDarkAbsol非常感谢！！它起作用了！请将此作为答案发布，我将接受。值得一提的是，
和文本的行为不一样！我想我没有说清楚。。很抱歉假设您只能更改span标记的样式，如何解决该问题？我仍然不明白，span标记中的内容是您指定的内容，但是，图像不同。当然，这将有助于图像在该元素中保持原位，但图像的大小由像素决定。使用边距时，也可以使用负值！谢谢，但是在我的项目中，鲍勃·罗斯可以是任何人，只要你在跨度标签中。