响应式设计无法在iphone 5s中运行

Question

我正在使用响应式设计，它在模拟器（http://iphone5csimulator.com/）中运行良好。但是在iphone5s上，设计被打破了。我正在使用像@media (max-width: 320px) {}这样的CSS样式。有没有办法让它变得完美？是否有其他模拟器可用于测试？

在模拟器中

在iphone中

Answer 1

/* 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) {

}

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