Медиа печати не подходит правильно при печати с помощью JavaScript

Я пытаюсь напечатать DIV, используя следующий javascript код следующим образом:Медиа печати не подходит правильно при печати с помощью JavaScript

var divToPrint = document.getElementById(curid); 

    var newWin = window.open('', 'Print-Window'); 

    newWin.document.open(); 

    newWin.document.write('<html><head><link rel="stylesheet" href="css/bootstrap.css"><link rel="stylesheet" href="css/font-awesome.min.css"><link rel="stylesheet" href="css/style.css"><link rel="stylesheet" type="text/css" media="print" href="css/print.css"></head><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>'); 



    newWin.document.close(); 

    setTimeout(function() { 
     newWin.close(); 
    }, 10);

print.css следующим образом:

@media print { 
     font-size:10px; 
     font-family: Calibri; 

    }

печати Div стиль является следующим: font-size:8pt;font-family: Calibri;

Когда я вижу div, он поступает правильно. Но когда я печатаю шрифт, вы получаете 12 font-size, который я проверил в открытом офисе.

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

источник

2016-09-06 Santhucool

Ваш CSS должен выглядеть следующим образом:

@media print { 
    body{ 
     font-size:10px; 
     font-family: Calibri; 
    } 
}

материал beteen в {} вашего медиа-запроса будет только «Выполнить», когда запрос СМИ соответствует. Поэтому, прежде чем у вас не было действительного CSS между этими {}.

источник

2016-09-06 10:03:19

не работает. Я даже дал цвет фона. Не работает. Я называю print.css корректно в js для печати? – Santhucool

@media принт не работает. Я даже попробовал фоновый цвет, но не печатался. – Santhucool

Медиа печати не подходит правильно при печати с помощью JavaScript

ответ

Смежные вопросы