文本与响应式图像一起使用，文本保持在相同位置

Question

我已经尝试了书中的每一个技巧。我正在使用Bootstrap 3.1，这正是我想要做的。

我有一张图片。简单的方法是在photoshop中添加文本，然后生成图像，但我绝对想避免出于SEO目的。

我正在使用class =“img-responsive”或“img-thumbnail”，以便我的图像在本质上具有响应性。但是，您可以看到最大的问题是文本不会最小化或保持在应该位置的相同位置。

有人可以给我一些关于如何在CSS中做这个的指导吗？

谢谢

Answer 1

我认为这个js可以帮助你。

http://simplefocus.com/flowtype/

在font-size中设置em。