Css 响应性设计在iphone 5s中不起作用

我使用的是一种响应性设计，它在模拟器（）中工作得非常好。但在iphone5s上，这种设计被打破了。我使用的是css样式，比如

@media（最大宽度：320px）{}

。还有什么办法可以让它变得完美吗？是否有其他模拟器可供测试

在模拟器中

在iphone中

/* iPhone 5 Retina regardless of IOS version */
@media (device-height : 568px) 
   and (device-width : 320px) 
   and (-webkit-min-device-pixel-ratio: 2)
/* and (orientation : todo: you can add orientation or delete this comment)*/ {
                 /*IPhone 5 only CSS here*/
}

或者尝试使用@media screen

@media screen and (device-aspect-ratio: 40/71) {

}

看看浏览器堆栈，他们有很多移动模拟器-