ｊQueryでcssを追加するときに同じプロパティ

jQueryでfont-sizeを設定するときに、一つの要素にfont-sizeを複数設定するにはどのようにするのでしょうか？

やりたいことは以下のように、IE8以下はremが対応していないのでpxで、IE9以上やモダンブラウザにはremが反映されるようにしたいです。

htmlソース--------------

<p>hogehoge</p>

-----------------------

cssソース---------------

p {
　font-size: 12px;
　font-size: 1.2rem;
}

-----------------------

まず上記ソースではIE8では12pxで表示され、IE9以上は1.2remで表示されます。

そして上記ソースに対して以下のjQueryを実行
$('p').css({'font-size':'16px', 'font-size':'1.6rem'});

こうすると、IE9以上では1.6remに上書きできました。
IE8では16pxに上書きできませんでした。

IE8で16pxで上書きするにはどのようにすれば良いのでしょうか？
よろしくお願い致します。

No.1 回答者： ORUKA1951 回答日時： 2014/09/06 15:24

emを使えば？？

親になる要素でfont-sizeを10pxと指定しておいて、あらためてfont-size:1.6emとすれば一つですむ。

この回答へのお礼

レスポンシブルなページを作っているのでremを使いたいんです。

で、すみません解決できました。

$('p').css('font-size', '16px');
$('p').css('font-size', '1.6rem');

のように2回実行すればIE8以下は16px、IE9以上は1.6remとなりました。

お礼日時：2014/09/06 15:42