Как установить конкретную ширину для div при печати

Question

Предположим, у меня есть два div ... div1 и div2.

Теперь я установил ширину div1 30% и div2 60%.И установите границу между двумя делениями.

Но div1 занимает 100%, пока я хочу печатать.

Вот jsfiddle для лучшего понимания

Кто-нибудь, пожалуйста, помогите?

Answer 1

В примере jsfiddle отсутствует CSS для представления печати, вы пробовали что-то вроде этого:

@media print and (orientation: portrait) {

  @page {
    width: 210mm;
  }

  body {
    color: #000;
    font-size: 10pt;
    widows: 3;
    orphans: 3;
  }

  div {
    width: 60%;
  }

  div:first-of-type
    width: 30%;
  }
}