1

我正在尝试以像素自由式进行媒体查询。我正在处理横向和纵向的位置,但它仍然是相同的位置..这是我的代码

.btn-green {
 color          : .blackColor;
 border-width     : 5px;
 border-color     : #84a254;
 border-style     : solid;
 border-radius    : 10px;
 font-size        : .fontSize;
 top  : 200px;
 width : 100px;
 height : 100px;
}

 @media (orientation:landscape){
  .btn-green {
    left: 200px;
    background-color: #666666; 
 }
}

@media (orientation:portrait){
.btn-green {
    left: 10px;
    background-color: #000000;
 }
}
4

1 回答 1

0

您必须指定横向和纵向宽度,如下所示。
@media only screen and (device-width : 1024px) {....写你的css...}

于 2015-08-23T11:07:45.813 回答