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;
    }
})();