Medienabfrage für Porträtdruck funktioniert in Safari 9 + nicht
Die in @media print und (Ausrichtung: Hochformat) {} Media-Abfrage geschriebene CSS funktioniert im Safari-Webbrowser überhaupt nicht. In Chrome funktioniert sie jedoch einwandfrei. Und @media print and (Ausrichtung: Querformat) {} funktioniert sowohl in Safari als auch in Chrome perfekt.
Ich benutze gerade diese 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;
}
}