Consulta de mídia para a exibição de retrato de impressão não funciona no Safari 9+
O css escrito dentro da @media print e (orientação: retrato) {} consulta de mídia não está funcionando no navegador da web safari. Mas está funcionando bem no chrome. E o @media print e (orientação: paisagem) {} está funcionando perfeitamente no safari e no chrome.
Atualmente, estou usando este 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;
}
}