вызвать событие изменения размера с помощью jquery?

Question

Здравствуйте, я ищу простой способ изменить размер содержимого моего тела, что-то, эквивалентное тому, что происходит, когда пользователь нажимает Ctrl + или Ctrl-, но я хочу вызвать его автоматически в зависимости от размера браузера:

например:

if($(window).width() > 1200){

//do resize

}

Может кто-нибудь помочь? Большое спасибо!

Answer 1

Разве что-то подобное не должно быть достаточно простым с правильным стилем CSS? Я думаю о назначении правил, основанных на процентных значениях, которые изменяют размер вместе с содержащим элементом (например, в окне просмотра браузера).

Конечно, это может не работать с каждым элементом CSS (я думаю, ммммм, может быть font-size?). Я бы предложил использовать CSS-подход, если в любом случае то, что вы хотите изменить, может быть сделано в CSS.

UPDATE

Исходя из того, что вы сказали в комментариях, то, что вы хотите сделать, звучит немного сложнее, но я бы, вероятно, решил это, выполнив следующее:

Объявить эталонный тест для области просмотра

// working on just width
var basewidth = 960;

Объявление базовых значений для ваших стилей CSS

var basecss = {
    fontsize: 12,
    borderwidth: 2
}

Затем выполнить некоторые вычисления при изменении размера

$(window).resize(function(){
    var ratio = $(this).width() / basewidth;
    $('#baseContainer *').each(
        $(this).css({
            'font-size' : basecss.fontsize * ratio + 'pt',
            'border-width' : basecss.borderwidth * ratio + 'px'
        });
    );
});

или что-то в этом роде. конечно, выбор селектора * - это перебор.

Answer 2

Вы должны взглянуть на matchMedia() https://developer.mozilla.org/fr/docs/DOM/window.matchMedia

Answer 3

Триггер jQuery должен делать это с событием resize, нет? http://api.jquery.com/trigger/

Answer 4

В вашем браузере есть маркеры изменения размера. Просто попросите пользователей взять их и изменить размер окна, если вы считаете, что размер правильный.