レスポンシブでの要素の高さ変更などは、普通はcssで行うよね?

pcではheader{height:90px}

で、

spではheader{height:200px}のように。 


でもspではメニューが上からズルっと降りてきたりして、その際に、hightが動的に書き換える処理になったりする。

var winH = $(window).height();
$('height').height(winH);

のように。


すると、html側では、headerにstyle属性がつく。


その状態でウィンドウサイズをpcに戻したりすると、cssで指定したheight{90px}よりもstyleで書かれた動的な高さが適用されてしまう。

そういう場合にどうしたらいいのかなって考えてたんだけど、

いったん今のところの解決は、

pcになったらstyleをカラにしちゃうってことかな。と。


if(winsize > hogehoge){ // pcになったら
$('header').attr('style','');
}


って感じで。


※removeAttr()なるjQueryメソッドもあるらしいんだけどこれをやると、今度はsp側で動的に変更ができなくなるので使えなかった。