2014-08-27 4 views
2

У меня есть простой веб-сайт с последней версией bootstrap и очень небольшим количеством дополнительных css (в частности, на этой странице нет ни одной страницы), и я узнал, что при попытке распечатать одну и ту же страницу в Safari и Chrome (mac) Я получаю очень разные размеры шрифта. На скриншоте я добавил фиксированный размер шрифта и высоту строки в теги p, что в основном соответствует тексту, но вы можете видеть, что в Safari он становится намного меньше (справа).Различные размеры шрифта при печати в Chrome и Safari

Как это исправить?

enter image description here

PD: Конечно, страница отображается точно так же в браузере, эта проблема возникает только при печати

PD2: Я сделал тест с этой самой страницы, чтобы увидеть, если это общая проблема и есть. Я вижу ту же проблему, поэтому я даже больше не понимаю, что делать, чтобы исправить это для моего дела. Версии Chrome 37 и Safari 7.0.6

+0

У ваших таблиц стилей есть какие-либо правила '@ page' для печати? В Safari 5 они были серьезно нарушены. – Pointy

+0

Нет, ни один из них, также я не проверял загрузочные запросы на печать для печати и, похоже, не связан с проблемой –

+0

Ну, может быть, стоит попробовать добавить небольшое правило '@media print', чтобы убедиться, что размер шрифта явно одно и то же. – Pointy

ответ

1

В своей работе мы должны иметь очень высокие отпечатки верности, поэтому мы обычно делают на стороне сервера либо wkhtmltopdf (бесплатно) или PrinceXML (коммерческий, но отлично), оба из которых являются выделенные механизмы рендеринга печати для HTML. Оба генерируют PDF-файл, а затем PDF можно загрузить в браузер и распечатать с последовательными результатами на каждой платформе и в браузере.

+0

Да, я, вероятно, буду использовать что, если клиент становится слишком придирчивым, он не может думать о многом другом, поскольку он, кажется, происходит на любом веб-сайте –

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