Преобразование масштаба с помощью JQuery/CSS – но для печати

Привет, ребята, я только что закончил конвертировать свой сайт в полностью адаптивный (http://www.product-manuals.com/

) и все хорошо во всех (большинстве) браузерах. Моя проблема заключается в том, что он использует JS для отслеживания любых изменений ширины () на экране и применения изменения масштаба к содержимому моих страниц с контентом (http://www.product-manuals.com/category/tvs/brand/vizo/product/E600I-B3/manualtype/usermanual/

). это работает ОТЛИЧНО - но как я могу применить jquery.css() к конкретному медиа? Когда вы печатаете, масштаб содержимого слишком велик для принтера.

Одна из возможных идей, которые у меня возникли, заключалась в том, что вместо записи свойств CSS в сам элемент dom просто измените HTML-код div с помощью нового CSS, который будет обернут в элемент Media Print - но я думаю, что это снизит производительность.

Любые предложения о том, как применить тип носителя к вызову jquery.css()? Спасибо!

Для справки: вот как я меняю масштаб контента. $(документ).ready(функция () { вар oldScale = -1; функция resizeManualContent() { var newScale = ($(window).width() <= 1080)

? $(окно).ширина()/800

: 1.35;

if(oldScale!= newScale) {

oldScale = newScale;

$('#manual-content').css({

'-webkit-transform': 'scale(' + newScale + ')',

'-moz-transform': 'scale(' + newScale + ')',

'-ms-transform': 'scale(' + newScale + ')',

'-o-transform': 'scale(' + newScale + ')',

'transform': 'scale(' + newScale + ')'

});

}

}

изменить размерManualContent();

$(window).on('загрузить изменение размера', resizeManualContent);

$('.loading').hide();

$('#manual-content').show();

});