[JavaScript]ウィンドウサイズ変更を検知して文字サイズを更新

ウィンドウサイズの変更を検知して文字サイズや画像サイズの割合を変更する実装です。
なんとなく気分でjQuery使って説明しています。Vue.jsなどほかフレームワークでも応用が利くと思います。

var w = window.innerWidth;

// window幅変更を検知する
jQuery(window).resize(function() {
    baseFontDeside();
});

// window幅からbaseFontSizeを決める
function baseFontDeside () {
    if (w >= 768) {
        var baseFontSize = w/73;
        jQuery('html').css('font-size',baseFontSize + 'px');
    } else if (w >= 576) {
        var baseFontSize = w/46;
        jQuery('html').css('font-size',baseFontSize + 'px');
    } else {
        jQuery('html').css('font-size','medium');
    }
}

window幅の取得、変更の検知をVue.jsでやる場合の参考記事。
下記リンクの補足部分参照
補足:画面サイズ変更を検知して変更する

baseFontDeside()でフォントサイズを画面幅に応じて割合で設定しています。