端末縦の状態でequalHeightして揃えたboxオブジェクトが端末横にすると、高さが足りなくなってしまう問題。

スマフォ

2015.04.28

端末横にすると画像が大きく表示されるので、それに合わせてboxオブジェクトも大きくならなければいけない。
しかし端末縦の状態でequalHeightして設定したheightがそのまま端末横にした場合も使われる。
本来ならheightはautoでリキッドだから大丈夫なはずだが、
equalHeight.jsでelment.styleを変更していてautoになっていない。
よってリキッドにならずに不具合が出た。

単純な対応だが、横向きになったら、適当な値で増加させ、縦にもどったら減少させる
事にした。

$(window).bind("orientationchange",function(e){//チェンジの反応はするのだが
   if (e.orientation=="portrait"){
      alert("縦向きにしましたね"+e.orientation);
   } else {
      alert("横向きにしましたね"+e.orientation);
   }
   ↑これはe.orientationがundfindしか返さないので使えなかった。

   if(Math.abs(window.orientation) === 0){
      alert("縦向き");
   } else {
      alert("横向き");
   }
   ↑こっちを使う。
})