Печать и предварительный просмотр веб-страницы не работают должным образом в браузере Microsoft Edge ⇐ CSS

[Anonymous]

У меня возникла странная проблема с веб-приложением. Обычно пользователь щелкает правой кнопкой мыши веб-страницу и выбирает «Печать». Он просматривает документ в режиме предварительного просмотра, а затем решает, как его распечатать.
В Chrome все работает нормально.
В Microsoft Edge это работает, только если вы щелкаете правой кнопкой мыши веб-страницу в верхней части страницы. Если вы прокрутите страницу вниз до того, как щелкнете правой кнопкой мыши и выберите «Печать», распечатанный документ будет отформатирован неправильно. Предварительный просмотр печати также отформатирован неправильно. См. снимки экрана ниже:
В Chrome — (щелкните правой кнопкой мыши внизу страницы)
Вы можете увидеть название приложения, заголовок отчета, дата запуска отчета и т. д.


В MS Edge — (пользователь щелкните правой кнопкой мыши внизу страницы)
Предварительный просмотр начинается с некоторые случайные данные, как показано ниже. Название приложения, заголовок отчета и т. д. не отображаются в предварительной и печатной версии.
[img]https://i.sstatic .net/JnZcJL2C.png[/img]

Как видно из приведенных выше снимков экрана, Chrome отображается правильно. MS Edge отображается таким образом только в том случае, если я щелкаю правой кнопкой мыши веб-страницу в верхней части страницы, не прокручивая ее вниз.
Ниже приведен пример моего кода:

Код: Выделить всё

Physician Activity Report

Ниже приведено содержимое mycss.css

Код: Выделить всё

@media print {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}

.col-md-12 {
width: 100%;
}

.col-md-11 {
width: 91.66666666666666%;
}

.col-md-10 {
width: 83.33333333333334%;
}

.col-md-9 {
width: 75%;
}

.col-md-8 {
width: 66.66666666666666%;
}

.col-md-7 {
width: 58.333333333333336%;
}

.col-md-6 {
width: 50%;
}

.col-md-5 {
width: 41.66666666666667%;
}

.col-md-4 {
width: 33.33333333333333%;
}

.col-md-3 {
width: 25%;
}

.col-md-2 {
width: 16.666666666666664%;
}

.col-md-1 {
width: 8.333333333333332%;
}
}

h5 {
color: darkblue;
}

Что я могу сделать, чтобы это правильно работало в MS Edge? Это проблема CSS?

Подробнее здесь: https://stackoverflow.com/questions/786 ... edge-brows