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

Question

Где я делаю не так?

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

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

Это коды CSS и превью:

Answer 1

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

@page {
    margin: 0;
}

Это не будет работать в Firefox на данный момент. Если вы проверите их ссылку для разработчиков на @ страницу поддержки CSS *1005*, вы увидите, какие браузеры поддерживают @page.

Answer 2

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

Answer 3

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

@page {
    margin: 0;
}

Answer 4

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

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

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

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

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

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

Answer 5

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

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