Дом » веб-дизайн и html » Как отлаживать печать в CSS?

Как отлаживать печать в CSS?

429
Последнее обновление: 2021-09-20 15:46:08


Ответить:
Откройте инструменты разработчика (CTRL + F12 или CTRL + SHIFT + I) и щелкните меню, выберите «Дополнительные инструменты»> «Параметры рендеринга», чтобы открыть вкладку «Рендеринг» консоли разработчика (в качестве альтернативы, если консоль открыть просто перейдите на эту вкладку). На этой вкладке установите и установите флажок для Emulate Media: print . Итак, как распечатать тестовую таблицу стилей? Тестирование таблиц стилей печати с помощью Google Chrome Откройте Инструменты разработчика в Google Chrome, щелкнув значок меню в правом верхнем углу окна браузера, затем выберите Инструменты → Инструменты разработчика. Откройте меню 'Переопределения' в Инструментах разработчика. щелкнув шестеренку в правом нижнем углу: Впоследствии возникает вопрос, что такое @media print? Печать CSS - правило @ media . Вы можете указать один шрифт для экранной версии, а другой - для версии для печати . Вы видели правило @ media в предыдущих главах. Это правило позволяет указать разные стили для разных носителей . Таким образом, вы можете определить разные правила для экрана и принтера. Учитывая это, как мне отладить предварительный просмотр печати? Чтобы перевести страницу в режим предварительного просмотра : нажмите Command + Shift + P (Mac) или Control + Shift + P (Windows, Linux, Chrome OS), чтобы открыть командное меню. Введите рендеринг, выберите 'Показать рендеринг' и нажмите клавишу ВВОД. Можете ли вы распечатать элемент проверки? В Google Chrome (в котором есть лучшие инструменты веб-проверки) откройте Inspector: View> Developer> Developer Tools или щелкните правой кнопкой мыши и выберите Inspect Element . Теперь вы можете увидеть, как документ будет печататься (без границ страницы).

up