2013/01/09

[iPhone] webページの高さが画面より小さい場合に画面にページサイズを合わせる


ページの高さが画面より小さい場合、ページの表示を画面いっぱいになるように拡大してくれんのはありがたいんだけど、拡大した分、今度は横が広がって画面からはみ出る。
そんな場合にJavaScriptでページの高さを調整する。
  1. //jQuery使ってます。  
  2. //画面比率  
  3. var ratio = window.innerHeight / window.innerWidth;  
  4. //横幅に合わせた高さの設定  
  5. var winH = $('body').width() * ratio;  
  6. $('body').css('min-height', winH);  
俺はiPhone5を使ってるので、以前のiPhoneがどうだったか確認しとりません。

0 件のコメント:

コメントを投稿