Ответ 1
Лучшее, что вы можете сделать, это установить @page
поля. Имейте в виду, однако, что вы можете и, скорее всего, будете отменены, если вы установите поля на 0.
Где я делаю неправильно?
Это обычный предварительный просмотр:
Но я хочу увидеть эту картинку (без перетаскивания краев поля)
Это коды css и предварительный просмотр:
Лучшее, что вы можете сделать, это установить @page
поля. Имейте в виду, однако, что вы можете и, скорее всего, будете отменены, если вы установите поля на 0.
Да. Вы можете изменить свои поля в распечатке страницы. Правило будет выглядеть так:
@page {
margin: 0;
}
В Firefox это пока не работает. Если вы проверите ссылку своего разработчика на @странице поддержки CSS, вы увидите, какие браузеры поддерживают @page
.
Я не думаю, что на самом деле это возможно, потому что вы будете перегружать настройки по умолчанию на пользовательском компьютере. Насколько я знаю, веб-приложение не имеет прав доступа, чтобы изменить что-то вроде настроек принтера без какого-либо ActiveX script в IE.
У меня была аналогичная проблема некоторое время назад, и мне пришлось создавать PDF файл на лету, используя TCPDF. В итоге это получилось лучше, потому что у вас больше контроля над компоновкой.
Мне не удалось обновить компьютер от 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 в некоторых ситуациях.
Спасибо! хорошо работает на хроме.
@page {
margin: 0;
}