WEBサイトの倍率変更を制限したい

Question

現在 レスポンシブデザインのWEBサイトを制作しております。

そこで 1250px を超える表示を制限したいのです。

画面サイズが 1250px より大きい場合は 自動的に 1250px に拡大させたいです。
(全体幅が 1250px より小さくなるようにしたいということです。)

ご回答よろしくお願いします。

Answer 1

jQuery使わないんならこんな感じかな？
ブラウザによってdocument.documentElement.clientWidthの部分を変えてください。

        window.onresize=function(e){
        	if(document.documentElement.clientWidth > 1280){
	        	window.resizeTo(1280,document.documentElement.clientHeight);
        	}
        };

追記：間違えました、画面サイズじゃなくて倍率ですね。
サイトの構造がいまいちわからないのですが、下記のような感じでいけると思います。

        window.onresize=function(e){
        
        	var zoom = window.devicePixelRatio;
        	var width = document.documentElement.clientWidth;
        	
        	// 倍率とウィンドウサイズを使っていい感じに判定してください
        	if(hoge == true){
        		// いい感じにズームを変えてください
	        	window.top.document.body.style.zoom = 2;
        	}
        };