В HTML-документе, который включает только изображения, как я могу масштабировать изображения, чтобы заполнить весь лист? Я хочу, чтобы изображение масштабировалось по ширине / высоте, чтобы было как можно больше / меньше, чтобы поместилось на одном листе бумаги.
Я начал использовать это для разрыва страницы
footer {page-break-after:always;}
Я не знаю, с чего начать определение высоты / ширины изображения?
Идеи?
html
<img class="printThisFull" src="http://placehold.it/350x150" alt="Klematis" width="110" height="90">
<img class="printThisFull" src="http://placehold.it/350x150" alt="Klematis" width="110" height="90">
Если вы хотите растянуть изображение на всю область страницы
@media print {
.printThisFull {
width:100%;
height:100%;
page-break-after:always
}
}
Если вы хотите, чтобы изображение отображалось на всю ширину страницы, сохраняя соотношение сторон
@media print {
.printThisFull {
width:100%;
height:auto;
page-break-after:always
}
}
Если вы хотите, чтобы изображение отображалось на всю высоту страницы, сохраняя соотношение сторон
@media print {
.printThisFull {
width:auto;
height:100%;
page-break-after:always
}
}
Вы можете попробовать это
создайте новый html-файл с приведенным ниже кодом и запустите его в своем браузере, нажмите crt + p, и вы увидите, что он работает.
<!doctype html>
<body>
<img class="printThisFull" src="http://placehold.it/350x150" alt="Klematis" width="110" height="90">
<img class="printThisFull" src="http://placehold.it/350x150" alt="Klematis" width="110" height="90">
<style>
@media print {
.printThisFull {
width:100%;
height:auto;
page-break-after:always
}
}
</style>
</body>
</html>
display: block; page-break-after: always;помогли дело 06.01.2019