Медиа-запрос для печати портретного представления не работает в Safari 9+
CSS, написанный внутри @media print и медиа-запроса (ориентации: портрета) {}, вообще не работает в веб-браузере Safari. Но он отлично работает в Chrome. И @media print and (direction: landscape) {} отлично работает как в сафари, так и в chrome.
Я в настоящее время использую этот CSS
/* For Portrait */
@media print and (orientation:portrait){
#upperSample {
width: 91%;
height: 93px;
overflow: hidden;
position: relative;
border: 0px solid lime;
margin-left: -13px;
}
#upperSample img {
position: absolute;
top: 0px;
left: -0px;
}
#lowerSample {
border: 0 solid orange;
clear: left;
height: 190px;
margin: -85px 0 0 143px;
overflow: hidden;
position: relative;
width: 91%;
}
#lowerSample img {
left: 0;
position: absolute;
top: -95px;
}
}