针对不同的iphone版本定位离子

Question

我想知道是否有一种正确的方法可以用css做到这一点。我正在使用离子构建一个ios应用程序，我主要负责css。我发现在使用iphone 4 / 4s然后使用6+进行测试时，设计会发生很大变化。我不能使一个设计适合两种版本的手机，所以我需要对css进行一些调整，具体取决于它将运行它的设备。如何才能最好地解决这个问题？

现在该应用看起来很适合iPhone 5，但6+在某些地方有太多空间而4/4看起来太忙，有时因为它的大小需要滚动/按钮重叠。

Answer 1

您可以使用以下媒体查询：

/* for iPhone 6+ */ 
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */}

斯蒂芬吉尔伯特有一个很酷的collection of all media queries for Apple devices。