Как отформатировать CSS для печатных страниц размером 8,5х11 дюймов

Question

Я ищу помощи в настройке начального DIV, который будет вписываться в границы листа бумаги.Я зациклюсь на динамическом содержимом страницы, заканчивающем каждую страницу `page-break-after;всегда;.

Я использовал метод проб и ошибок, и теперь у меня закончилась пробная версия.

Как настроить контейнер div, где позиции относятся к полям бумаги?

Спасибо!

Answer 1

После использования шаблона сброса CSS и отключения опции «сжать до страницы» в параметрах печати я могу сделать DIV шириной 7 дюймов (около 670 пикселей) и высотой 9,5 (около 900 пикселей).это поле.

Он отлично переводит между подключенными мною принтерами. Если мои расчеты верны, то DPI печати составляет около 95ppi.

#printPage
{
  margin: 0px;
  padding: 0px;
  width: 670px; /* width: 7in; */
  height: 900px; /* or height: 9.5in; */
  clear: both;
  background-color: gray;
  page-break-after: always;
}

Тогда позиционирование работает так:

#cube
{ 
  position: relative;
  top: 1in;
  left: 1in;
  width: 1in;
  height: 1in;
  background-color: white;
}