Как установить поля 0 при предварительном просмотре печати?

Где я делаю неправильно?

Это обычный предварительный просмотр: this is the first picture

Но я хочу увидеть эту картинку (без перетаскивания краев поля) alt text

Это коды css и предварительный просмотр:

alt text

Ответы

Ответ 1

Лучшее, что вы можете сделать, это установить @page поля. Имейте в виду, однако, что вы можете и, скорее всего, будете отменены, если вы установите поля на 0.

Ответ 2

Да. Вы можете изменить свои поля в распечатке страницы. Правило будет выглядеть так:

@page {
    margin: 0;
}

В Firefox это пока не работает. Если вы проверите ссылку своего разработчика на @странице поддержки CSS, вы увидите, какие браузеры поддерживают @page.

Ответ 3

Я не думаю, что на самом деле это возможно, потому что вы будете перегружать настройки по умолчанию на пользовательском компьютере. Насколько я знаю, веб-приложение не имеет прав доступа, чтобы изменить что-то вроде настроек принтера без какого-либо ActiveX script в IE.

У меня была аналогичная проблема некоторое время назад, и мне пришлось создавать PDF файл на лету, используя TCPDF. В итоге это получилось лучше, потому что у вас больше контроля над компоновкой.

Ответ 4

Мне не удалось обновить компьютер от Windows XP до чего-то более нового, так что в основном я застрял в IE8.

Я обнаружил, что в IE8 поля страниц всегда будут минимальными из 6,01 мм влево и вправо и 5 мм сверху и снизу. Независимо от того, что я делаю, даже используя правила @top-left right и center внутри правила @page, он по-прежнему будет использовать значения выше.

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

Это также может помочь помещать IE hack\9 перед значением свойства класса CSS, дублирование свойства также может помочь в некоторых случаях (но не повлияет на поля страницы), например:

.aDiv {
    margin: 10mm;
    margin: 15mm\9;     //this \9 hack will set that value only on IE8.
}

Я знаю, что есть другие хаки, подобные этому, такие как \0, но я признаю, что они не полностью их понимают. \9 работает для меня в IE8 в некоторых ситуациях.

Ответ 5

Спасибо! хорошо работает на хроме.

@page {
    margin: 0;
}