iPhoneやiPadに最適化されたWebサイトを作るときにiPhone/iPadの向きの
取得して見た目を変えたいときに参考になる方法が紹介されていました。
CSSまたはjavascript(jQuery)で実現できるようです。
jQueryでiPhone/iPadの向きを検出する
縦向き、横向きに最適化されたCSSを切り替えるて読み込ませる
onOrientationchangeというイベントを使うと向きを取得して処理を分ける
ことができるそうです。
jQueryを使って縦、横を判別する。
簡単に取得できるんですね。
取得して見た目を変えたいときに参考になる方法が紹介されていました。
CSSまたはjavascript(jQuery)で実現できるようです。
jQueryでiPhone/iPadの向きを検出する
縦向き、横向きに最適化されたCSSを切り替えるて読み込ませる
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
縦向きは「portrait」
横向きは「landscape」
onOrientationchangeというイベントを使うと向きを取得して処理を分ける
ことができるそうです。
jQueryを使って縦、横を判別する。
$(function(){
$(window).bind("load orientationchange",function(){
if(Math.abs(window.orientation) === 90){
$("body").html("横向き");//横向きの場合の命令
}else{
$("body").html("縦向き");//縦向きの場合の命令
}
})
})
簡単に取得できるんですね。