css размер и формат pdf

Question

У меня есть учебник по курсу как часть html по главам. Я сделал некоторые изменения на нем. Кажется очень хорошо, когда он читается на веб-странице, но когда я хочу преобразовать его в PDF или распечатать, он кажется узким. Проблема в том, что страница может быть установлена ​​в формате A4. Если вы посмотрите на output.pdf, который можно найти на главной странице. Кроме того, общие ссылки для вас меня понимают. (особенно на стр. 47). Я могу объединить их только в pdf-файле. Я думаю, что если css можно отредактировать, он будет установлен в формате A4 и будет выглядеть в формате pdf как книга. Мне нужны твои помощь. В качестве примера вы можете посмотреть ch18.html и ch19.pdf Я не могу писать другие ссылки из-за репутации. Но все файлы можно посмотреть с главной страницы.

Страница: http://bookfiles.host-ed.me/ch18.html и ch19.html

Css файл: http://bookfiles.host-ed.me/static/CACHE/css/ab0ffefbadc3.css

Я absolutetly новичка о CSS. Спасибо за помощь.

Answer 1

Проблема, похоже, связана с вашим max-width на вашем «документе». Вы можете установить его в нескольких разных местах в файле css на основе размера экрана. Я бы прошел через них один за другим и нашел тот, который влияет на ваш файл печати. Вам необходимо установить максимальную ширину до 100%. Наличие максимальной ширины менее 100% является тем, что заставляет его печатать узким.

Как только вы идентифицируете причину проблемы, вы можете добавить новый стиль, который влияет только на печать.

Добавьте это в ваш файл CSS, например:

@media print and (color){ 
    #lesson-fragment, [role="document"] { 
     width: 100%; 
     max-width: 100%; 
    } 
} 

Вы также можете поместить другие специфические стили печати внутри кода @media печати. Например, если вы хотите изменить размер шрифта или цвет только при печати.