jlgfmhldf
7/22/2016 - 11:40 PM

Изменение размера шрифта в зависимости от высоты окна браузера.

Изменение размера шрифта в зависимости от высоты окна браузера.

$(function () {
    var
        elem = {
            $fontSize: $('.js-font-size'),
            $window: $(window),
        },
        params = {
            mobile: 767,
            maxHeight: 640,
            fontRatio: 98.039
        },
        changeFontSize = function () {
            var windowWith = elem.$window.width(),
                windowHeight = elem.$window.height(),
                result = windowHeight / params.fontRatio;

            if (windowWith <= params.mobile || windowHeight <= params.maxHeight) {
                return;
            }

            if (windowWith <= params.mobile ) {
                elem.$fontSize.css('fontSize', '');
                return;
            }

            elem.$fontSize.css('fontSize', result + 'px');
        };

    elem.$window.on('load resize orientationchange', changeFontSize);
});