如何使用css使此图像正确缩放

所以我有一个图像，更多的是一个屏幕截图，但我不确定我应该怎么做才能使图像缩放。我应该将文本导出为某种SVG吗？我不想重新写课文，在这种情况下，这对我来说似乎没有意义

图像是：

你会怎么做，使它的形象将规模，文字是可读的，生活是宏伟的

我从未处理过上面有文字的图像。我确信第一步是删除文本，但这是否意味着我用一堆跨距和div重新创建文本以获得颜色？还是有更简单的方法

更新 有些人可能不清楚我所指的缩放上下文。我说的是网络响应

---

这就是缩放浏览器。现在，图像的大小不同，文本的可读性如何。

我将图像设置为div的背景图像，并使用CSS使div本身具有响应性--宽度：\ uu%或自动，等等。背景图像属性非常灵活：

img{
显示：块；
最大宽度：100%；
宽度：自动；
高度：自动；
}

演示：

---

我希望这能回答你的问题，不知道你的意思是什么

缩放图像？什么意思？响应式设计。在响应迅速的网站上。图像应缩放，文本应保持可弯曲。最简单的方法是什么？缩放图像=调整图像大小。也就是说，所有像素的比例相等，比例（即纵横比）保持不变。当然，如果右侧没有任何有价值的东西，你可以缩放图像，在较小的屏幕上显示左侧。如果你不确定，在评论中提问，确定后再回答。但我很确定这不是他想要的。你能想象这样的文字会保持清晰吗？如果我从图像中删除文字，这会起作用。接受文本是图像的一部分，不容易删除。因此，有办法保持图像的原样并进行缩放。我可以只做宽度：100%，但是文本没有适当缩放，看起来太长了distorted@KyleAdams这就是你想要的？我不这么认为。