在@media print和(orientation:portrait){}媒体查询中写的css在safari web浏览器中根本不起作用。但它在chrome中运行良好。 @media print和(orientation:landscape){}在safari和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;
}
}