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

ПEPchatKA

Привет, ребята, я только что закончил конвертировать свой сайт в полностью адаптивный (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()? Спасибо!

inevers

Для справки: вот как я меняю масштаб контента. $(документ).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();

});

Похожие темы	Дата
[Специалист] JavaScript. Уровень 3. Knockout.js	19.10.2024, 18:10
JavaScript с самого начала	19.10.2024, 18:10
[geekbrains] Javascript. Интерактивные Веб-приложения	19.10.2024, 18:10
Отключить выбранную опцию в одном поле выбора, если она выбрана в другом поле выбора	19.10.2024, 18:10
Нужна помощь с школьным заданием по кодированию. Новичок.	19.10.2024, 18:10
Жесткий случайный цвет с ограничением	19.10.2024, 18:10
Простая оболочка API Fetch с краткой загрузкой файлов	19.10.2024, 18:10
Javascript прокручивает разделы, а также прокручивает их до раздела, но открывает соответствующую вкладку навигации.	19.10.2024, 18:10
ajax и обратные вызовы	19.10.2024, 18:10
включение клавиатуры	19.10.2024, 18:10

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

ПEPchatKA

inevers

I AM

Интересно