#html #orientation #landscape #portrait
#HTML #ориентация #пейзаж #портрет
Вопрос:
Я пытался использовать обе ориентации в HTML, но при печати содержимого внутри альбомная ориентация имеет портретные размеры. Вот пример.
@page portrait-page { size: A4 portrait; } @page landscape-page { size: A4 landscape; } html, body { margin: 0px; height: 100%; } div { page-break-after: always; width: 100%; height: 100%; } .portrait-div { page: portrait-page; background-color: darkred; } .landscape-div { page: landscape-page; background-color: blueviolet; } lt;htmlgt; lt;headgt; lt;/headgt; lt;bodygt; lt;tablegt; lt;div class="portrait-div"gt;lt;/divgt; lt;div class="landscape-div"gt;lt;/divgt; lt;/tablegt; lt;/bodygt; lt;/htmlgt;