css - @media 不适用于 iphone 5

Question

我目前使用的是 http://mobiletest.me/ 的模拟器但我的网站到处都是。我使用的媒体代码是这样的:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait)

但它似乎没有使用此媒体查询，而是使用我对 ipad 的另一个查询是 @media (max-width:768px)

我在我的 html 中使用这个元数据:

<meta name="viewport" content="width=device-width, initial-scale=1">

我有降序的媒体查询 1600px 1280px 768px 等

Answer 1

尝试使用:

@media only screen and (min-width:320px) and (max-width: 568px){}