css - td class="hidden-phone" のフォント サイズを調整する

Question

フォント サイズを縮小したい列がありますが、設定を有効にすることができません。元のコードは次のとおりです。

<td class="hidden-phone"><%= thing_to_shrink %></td>

私はもう試した：

<td class="hidden-phone" style="font-size:small;"><%= thing_to_shrink %></td>

と

<span style="font-size:small;"><td class="hidden-phone"><%= thing_to_shrink %></td></span>

誰にもアイデアがありますか？ありがとう。

Answer 1

thing_to_shrink返されるもの、それが文字列の場合、動作するはずであり、クラスのフォントサイズを取得12pxしhidden-phoneます

<td class="hidden-phone">SOME STRING</td>

しかし、次のようなHTMLを生成しています

<td class="hidden-phone">
  <span style="font-size:20px;"> SOME STRING</span>
</td>

その場合、フォントサイズは 12px ではなく 20px になります。