针对iphone5s及更小屏幕的媒体查询不起作用，max-width="359px",不起作用

Question

@media screen and (max-width:359px){ .ljToubao-baodan .question{ position:absolute; } .whiteSpace{ display:none; } } @media screen and (max-height:520px){ .ljBuy .modal-header{  padding:0.7rem; } .ljBuy .nextStep,.correctChoose{ padding-top:0.5rem; padding-bottom:0.5rem; } }用了以上的媒体查询，但打包到iphone5s手机上，发现没有响应。烦请问下什么原因？重点针对ihpne5s进行媒体查询的高宽应该写多少呢？

Answer 1

把两个样式换个位置，根据不同屏幕大小进行调整，使用max-width时，大的数值要写在前面，小的数值写在后面。使用min-width时，大的数值写在后面，小的写在前面。

@media screen and (max-height:520px){
     
    .ljBuy .modal-header{
         padding:0.7rem;
    }
    .ljBuy .nextStep,.correctChoose{
        padding-top:0.5rem;
        padding-bottom:0.5rem;
    }
     
}
@media screen and (max-width:359px){
    .ljToubao-baodan .question{
        position:absolute;
    }
    .whiteSpace{
        display:none;
    }
}

Answer 2

用电脑上浏览器调试一下，看看类有没写错吧