読者です 読者をやめる 読者になる 読者になる

windowの幅に応じてページを拡大・縮小する

画面の大きさはパソコンによってそれぞれなので、それに見合った表示が出来れば良いなと思い挑戦してみました。

$(function(){
	var wi = $(window).width();
	if ( 960 <= wi <= 1280 ){
		$('body').css('zoom','67%');
	} else if ( 1281 <= wi <= 1600 ){
		$('body').css('zoom','80%');
	} else {
		$('body').css('zoom','100%');
	};
});

windowの幅を取得して、幅に応じてbodyのzoomを変えるというやり方です。
しかし、GoogleChromeでは上手くいったのですが、Firefoxでは上手くできず100%の状態で表示されてしまいます。
何がダメなのかいまいちわからない状態なので分かり次第載せていきたいです。