2015-08-21 4 views
3

Я печатая HTML квитанцию ​​через javascript:window.print()HTML Печать: Матричные

Печать его в струйный принтер делает все все хорошо. Однако на принтере DOT-MATRIX Epson LX-300 + II все по-другому. Это не подходит, тексты не выровнены. Я попытался сохранить его в PDF и распечатать PDF из Adobe Reader, ориентация, казалось, была хорошей.

Я уже установил размер страницы и попытался изменить размер шрифтов, но все же я не могу напечатать их правильно. Размер квитанции, кстати, равен 8.5 x 5.5in.

Я попытался сформулировать CSS, но не смог получить правильный результат. Это CSS:

@media print { 
    html, body { 
    width: 8.5in; 
    height: 5.5in; 
    display: block; 
    font-family: "Calibri"; 
    font-size: auto; 
    } 

    @page 
    { 
    size: 5.5in 8.5in; 
    } 

} 

Кроме того, когда я попытался добавить @page { size: 8.5in 5.5in.; size: Portrait; } напечатанный документ находится на ландшафте.

Как я могу все исправить?

EDIT: Я попытался

@page { 
    size: 5.5in 8.5in; 
} 

, но это печать страницы на пейзаж ...

+0

У меня была такая же проблема, получается (несмотря на то, что говорят люди), это не представляется возможным. Лучше всего это '@media print {/ * скрыть то, что вам не нужно/беспорядок * /}', и добавить это там, где это необходимо в качестве файла «print.css» –

+1

шириной 8,5 дюйма и высота 5,5 дюйма - это пейзаж. вы уверены, что не изменили эти значения? – Leroy

+0

Распечатайте его с помощью интернет-поиска или другого браузера, надеюсь, он сработает – Muhammad

ответ

1

Вы используете размер и высоту неправильный путь вокруг в @media print, попробуйте следующее:

@media print { 
    html, body { 
     width: 5.5in; /* was 8.5in */ 
     height: 8.5in; /* was 5.5in */ 
     display: block; 
     font-family: "Calibri"; 
     /*font-size: auto; NOT A VALID PROPERTY */ 
    } 

    @page { 
     size: 5.5in 8.5in /* . Random dot? */; 
    } 
} 
+0

спасибо! Собираюсь проверить это.Эта «точка», казалось, была пьяна. lol –

+0

@AaronAlfonso, я не могу гарантировать, что это будет/не будет работать. Это просто стартовая идея. –

+0

напечатано в Landscape ...:/ –

4

Решил проблему!

В моем принтере (LX-300-II) я определил размер бумаги, ширина которого составляет 8,5 дюйма и 5,5 дюйма в высоту. Существует также изменения в CSS Код:

@media print { 
    html, body { 
     display: block; 
     font-family: "Calibri"; 
     margin: 0; 
    } 

    @page { 
     size: 21.59cm 13.97cm; 
    } 

    .logo { 
     width: 30%; 
    } 

} 

Поскольку у меня есть изображения в моей квитанции, я сделал некоторые корректировки ширины, чтобы уместить его в самый раз.

Надеюсь, это поможет тем людям, которые сталкиваются с этой проблемой.

0

Эта проблема может возникнуть на основе настройки браузера или настройки размера бумаги. Проверьте настройки шрифта браузера и размер бумаги в свойствах печати.