iPhone 5橫向媒體查詢不起作用

Question

下面的媒體查詢不起作用。 我已經在slider.php頁面中編寫了此媒體查詢，並將其包含在index.php頁面中。

  //For iphone 5
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) 
{ 
    #mainslider
    {
        margin-bottom: 48px !important;
    }
}
<div id="mainslider" style="width:95%;margin:auto;height:150px;">
</div>

Answer 1

我知道了。 我僅將主滑塊的高度更改為高度：自動，而不是底邊。 現在正在工作。

<div id="mainslider" style="width:95%;margin:auto;height:auto;">
</div>