печать css: вписывается в одну страницу

Question

На моей странице есть только одно изображение. Вид 1500x3000 px.
В принтере мне нужно, чтобы максимальная ширина этого изображения была шириной страницы, поэтому я сделал: ширина 100% в css, и она работает.
Но высота ... старое дерьмо высотой 100% никогда не будет работать. Поскольку он всегда будет на 100% от родительского контейнера, тогда кто-то должен иметь определенную высоту. Или html или тело.
Итак, мой вопрос: сделайте это изображение подходящим на одной странице.
Любые идеи?

Answer 1

Ok жаль положить «решение» в качестве комментария:

То, что я закончил, предполагало, что 99% клиентов (это правда) используют один размер страницы. Поэтому я помещаю предупреждение в интерфейс печати, который будет работать только с размером страницы «X». очень жаль. но он работает до сих пор

Answer 2

Один из способов сделать это - выполнить некоторые вычисления, чтобы узнать, какая ширина приведет к тому, что длина будет ровно на одну страницу, а затем соответственно установите ширину в CSS.

Answer 3

Если я понимаю это право, вы могли бы сделать

.OnePageImage { height: 100%; width: 600px; } 

Где 600px (ширина) полная ширина страницы. Тогда изображение будет помещаться на одной странице (хотя и с некоторыми искажениями). Можно также добавить стиль брейк CSS страницы в DIV до и после изображения, которое будет сделано, как это:

.break { page-break-after:always; } 

Тогда код будет выглядеть следующим образом:

<div class="break"></div> 
<img src="[your image src]" class="OnePageImage" /> 
<div class="break"></div> 

Answer 4

Единственное, что ограничивало вывод печати на одну страницу для меня, - это установка высоты в см элемента контейнера, которая завернула всю страницу, а также установила, что переполнение скрыто. По какой-то причине это, похоже, не работало над элементом тела.

body > section { padding:0 !important; margin:0 !important; height:25.7cm !important; overflow:hidden !important; }

Кстати, я надеялся, что установка страниц обкатки внутри, чтобы избежать на теле или элемент контейнера может быть решение ограничение на одну страницу печати, но это, кажется, не имеют любой эффект вообще.