文字處理響應式圖像和文字留在相同的位置

Question

我已經嘗試了書中的每一個技巧。我正在使用Bootstrap 3.1，這正是我想要做的。

我有一張圖片。簡單的方法是在photoshop中添加文本，然後作爲圖像生成，但我絕對想要避免出於搜索引擎優化的目的。

我正在使用class =「img-responsive」或「img-thumbnail」，以便我的圖像在自然界中具有響應性。但是，您可以看到最大的問題是文字不會最小化或保持原來的位置。

任何人都可以給我一些指導，我應該如何在CSS中做到這一點？

謝謝

Answer 1

我認爲這個JS可以幫助你。

http://simplefocus.com/flowtype/

在em設置font-size。