kojilow Blog

スマホサイトは通常リキッドレイアウトでデバイスの向きやウィンドウサイズに対応すると思いますが、デザイン上リキッドに出来ない場合にウィンドウサイズにあわせて拡大させて対応する方法。

javascript(jQuery)

$(window).bind(‘resize load’, function(){
$(‘html’).css(‘zoom’, $(window).width()/320 );
});

HTML

<meta name=”viewport” content=”width=device-width, user-scalable=no”>