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

B-Teck!

お仕事からゲームまで幅広く

【JavaScript/IE】ウインドウサイズの変更に合わせて拡大縮小する

onresize時にウインドウオープン時のウインドウサイズと現在のウインドウサイズの比率を取得し、
ドキュメントの拡大率を動的に変更する。
動作確認はIEのみで、他ブラウザでは正常に動作しないかも。

(function(){
    window.addEventListener("resize",windowZoom, false);
    //ウインドウオープン時のデフォルトサイズ
    var defaultSizeH = document.documentElement.scrollHeight || document.body.scrollHeight;
    var defaultSizeW = document.documentElement.scrollWidth || document.body.scrollWidth;

    /**
    * windowZoom
    * ウインドウの拡大率を変更する
    * @return {boolean} true
    */
    function windowZoom() {
        var sizeRatioH = window.innerHeight / defaultSizeH;
        var sizeRatioW = window.innerWidth / defaultSizeW;

        var windowRatio = sizeRatioH > sizeRatioW ? sizeRatioW : sizeRatioH;
        document.body.style.zoom = windowRatio * 0.95;
        return true;
    }
})();