CSS: ширина чего-либо при печати должна быть точно такой же (в пикселях), как и его ширина в обычном режиме. И проблема ⇐ CSS

[Anonymous]

Итак, я хочу, чтобы карта в режиме печати (ctrl+p) имела ту же ширину, что и в обычном режиме, потому что в противном случае это будет выглядеть странно, потому что карта загружалась бы для другого ширина. В идеале я хочу, чтобы столбец .mw-info сохранял свою ширину.
Кроме того, мне не удается сделать так, чтобы заголовок #firstHeading оставался вверху страницы, когда я использую инструменты Mozilla для имитировать режим печати, он работает, но когда я нажимаю Ctrl + P, он исчезает. Если возможно, я также хочу, чтобы #contentSub также был вверху.
Вот код по умолчанию для печати с помощью mediawiki:
@media print {
* {
background: transparent !important;
color: black !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }

и вот что я добавил:
@media print {
#site-header, .translations, #mw-data-after-content,#mw-footer,.mw-editsection,.leaflet-control,.article-tabs {
display: none; }
a[href]:after {
content: "" !important; }
a{
text-decoration: underline !important;
}
.reference a {
text-decoration: none !important;
}
#toc{
page-break-inside: avoid !important;
}
#firstHeading {
position: absolute !important;
top: 40px !important;
left: 2vw !important;
}
a[href*="archive"],a[title*="Actualités"] {
display: none !important;
}
h3{
border-bottom-style: solid !important;
}
}


Подробнее здесь: https://stackoverflow.com/questions/787 ... as-its-wid