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

我明白了。 我只将主滑块的高度更改为高度：auto而不是margin-bottom。它现在正在运作。

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