打印纵向视图的介质查询在Safari 9+中不起作用

时间:2015-12-07 11:06:06

标签: html css web safari

在@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;
    }
} 

0 个答案:

没有答案