У меня есть проект с использованием компонентных элементов. Но когда я выбираю «Файл»> «Предварительный просмотр» из браузера, он находится в большом беспорядке. Я сделал некоторые поисковые запросы и понял, что мы можем создать print.css, чтобы решить эту проблему. Но я не видел никаких улучшений.реплицировать то, что на экране при печати
Есть ли способ воспроизвести то, что находится на экране для печати?
body {
margin: 0;
padding: 0;
border: 0;
font-size: 25pt;
}
h1,h2,h3 {
page-break-after: avoid;
page-break-inside: avoid;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-top: 0.5pt solid #000;
}
th,td {
display: table-cell;
border-bottom: 0.5pt solid #000;
}
blockquote {
page-break-inside: avoid
}
ul,ol,dl {
page-break-before: avoid
}
.noprint,.noscreen,#search,#nav,#aside {
display: none;
}
#main {
width: 100%;
}
#header {
border-bottom: 0.5pt solid #000;
}
#footer {
border-top: 0.5pt solid #000;
}
Это во многом зависит от CSS вы используете и настройки пользователя. У большинства браузеров есть возможность отключить цвета фона, когда печать по умолчанию отключена. Как вы манипулировали печатным CSS-файлом, можете ли вы отправлять образцы и живой URL? Боюсь, вы действительно не предоставили достаточно информации здесь ... – BenM