Rachel Andrew / Специалист по CSS и веб-стандартам

Rachel Andrew

Специалист по CSS и веб-стандартам

Автор статей на web.dev и developer.chrome.com по CSS, layout и веб-технологиям. Технический писатель с экспертизой в веб-стандартах

ВебМасштабирование изображений в CSS @page margin boxes при печати

Как вписать логотип любого размера в @top-left бокс при CSS печать в Chrome с сохранением пропорций и отступами (90% высоты). Решение через background-image, object-fit contain и print css. Примеры кода и скриншоты проблем.

6 ответов 2 просмотра
ВебКак масштабировать изображение в CSS @page @top-left при печати

Контроль размера изображения в CSS печать: используйте background-image с contain вместо content: url() для margin boxes (@top-left). Масштабирование под бокс с пропорциями и отступами в Chrome. Примеры кода, тесты в Puppeteer, решение проблем print css.

4 ответа 1 просмотр
ВебКак контролировать размер изображений в CSS @page при печати в Chrome

Решение проблемы с изображениями в margin boxes @page при css печать в Chrome: обрезка и переполнение. Используйте background-image с contain для масштабирования под бокс, сохранения пропорций, настройки отступов без изменения ширины. Примеры кода для print css.

5 ответов 1 просмотр