У меня есть приложение Angular, хотя это просто статический сайт. Есть ли способ растянуть контент по каждой запущенной странице при печати сайта?
Я установил некоторые атрибуты для печати, например
@page {
size: A5;
margin: 0mm;
background: var(--background-color);
}
они работают, но контент теперь представляет собой две полных страницы формата A5 и третью частичную страницу. Однако фон не растягивается на этой последней странице. Можно ли как-то этого добиться?
Edit:
Я удалил тег angularjs и добавил вместо него тег angularj.
Edit:
Я даю дополнительные примеры кода, кажется, что проблема не была описана достаточно, извините за это.
Итак, у меня есть веб-страница со структурированным контентом, который можно прокручивать с помощью элемента body по вертикали. Примерно так:
<html>
<!-- The body can be scrolled vertically, because it has overflow-y: auto, and the content is big enough inside of it, that A5 page size it wouldn't fit. -->
<body>
<div class="long-content-element">
This is a long, and structured content, with lots of text and other sub elements.
Imagine a looooong Lorem Ipsum or something like that.
</div>
</body>
</html>
У меня есть что-то вроде этого:
.long-content-element {
background-color: magenta;
}
Когда я нажимаю Ctrl + P, чтобы начать печать, длинный контент будет охватывать 2 полные страницы формата A5, поэтому страница будет полностью заполнена пурпурным фоном div, но также перейдет на другую 3-ю страницу, но он не растягивается до конца страницы, только, скажем, 10 строк перейдут на эту третью страницу. НО цвет фона не растягивается по всей странице. Отображается только после первых 10 строк, которые отображаются на этой странице.
Я хочу, чтобы вся страница была на том же фоне, что и первые две.