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

Question

所以我有一个图像，更像是一个屏幕截图，但我不知道应该做些什么来使图像缩放。我应该将文本导出为某种SVG吗？我不想重写文字，在这种情况下对我来说似乎没有意义。

图片是：

你会做什么才能使图像缩放，文字可读，生活更美好。

我从未使用过包含文字的图片。我确信第一步是删除文本，但字面意思是我用一堆spans和div重新创建文本以获取颜色？或者有更简单的方法吗？

更新

有些人可能不清楚我的意思是什么缩放的背景。我说的是网络响应。

即扩展浏览器。现在是图像的尺度，文本是如何不可读的。

Answer 1

我将图像设置为div的背景图像，并使用CSS使div本身响应 - width：__％或auto等.background-image属性非常灵活：{{ 3}}。

Answer 2

img { display: block; max-width: 100%; width: auto; height: auto; }

DEMO：http://jsfiddle.net/7d064qao/

我跳这个回答你的问题，不确定你的意思