2011年12月17日

iPhone ,Androidで縦でも横でも同じ横幅にする

AndroidとiPhoneで縦でも横でも横幅320pxにする方法

;(function($){
var portraitWidth,landscapeWidth;
if(/Android/.test(window.navigator.userAgent)){
var changeEvent = "resize";
}else{
var changeEvent = "orientationchange";
$("body").width(320)
}
$(window).bind(changeEvent, function(){
if(Math.abs(window.orientation) === 0){
portraitWidth=$(window).width();
if(/Android/.test(window.navigator.userAgent)){
if(!portraitWidth)portraitWidth=$(window).width();
}else{
portraitWidth=$(window).width();
}
$("html").css("zoom" , portraitWidth/320 );
}else{
$("body").removeClass("portrait").addClass("landscape");
if(/Android/.test(window.navigator.userAgent)){
if(!landscapeWidth)landscapeWidth=$(window).width();
}else{
landscapeWidth=$(window).width();
}
$("html").css("zoom" , landscapeWidth/320 );
}
}).trigger(changeEvent);
})(jQuery);
タグ:iPhone android
posted by ねこまんま at 18:03 | Comment(0) | TrackBack(0) | iPhone | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は90日以上新しい記事の投稿がないブログに表示されております。