У меня есть представление, которое мне нужно напечатать на одной полной странице. У меня не может быть второй страницы, и мне нужно, чтобы она была максимально большей на странице. ). Я переопределял большинство классов для печати. < /Li>
< /ul>
Структура HTML -страницы заключается в следующем. Я уронил некоторые встроенные CSS, чтобы настроить некоторую информацию. < /P>
@media print {
html, body {
margin: 0;
padding: 0;
background: #FFF;
font-size: 9.5pt;
}
.container, .container div {
width: 100%;
margin: 0;
padding: 0;
}
.template { overflow: hidden; }
img { width: 100%; }
}
[PLAIN TEXT IN HERE, POSITION:ABSOLUTE OVER THE IMAGE]
< /code>
Я понимаю, что это несколько плохая форма, чтобы включить встроенные CSS здесь, но она должна переопределить кучу других CSS, которые были до него по разным причинам. Я мог бы вытащить его обратно, но суть этого - это. Когда я печатаю, я получаю что -то, что выглядит правильно, плюс дополнительная вторая страница. Когда я сжимаю изображение, все в порядке, но мне нужно изображение, чтобы заполнить Div. < /P>
Я подумал Соотношение было меньше, чем страница (даже с любыми полями). По сути, изображение с полной шириной не должно вызывать разрыв страницы. Что я делаю не так и что мне нужно изменить? Любая помощь ценится ...
Подробнее здесь: https://stackoverflow.com/questions/834 ... ingle-page
Мобильная версия