iOS Web应用程序通话中媒体查询

Question

我正在研究iOS网络应用程序，并且忘了考虑应用程序如何使用较大的通话中标题栏。我很难找到我应该用来覆盖这种情况的确切媒体查询，所以我想我会在这里概述它们。

Answer 1

原来，标题栏增加了20个像素。所以处理起来相当容易。以下是查询如果有人有兴趣（这是假设你正在使用您应用中的defualt状态栏）：

<meta name="apple-mobile-web-app-status-bar-style" content="default" /> 

而且媒体查询：

/* iPhone 5 */ 
@media screen and (max-height: 548px) {} 

/* iPhone 5 in-call */ 
@media screen and (max-height: 528px) {} 

/* iPhone 4 */ 
@media screen and (max-height: 460px) {} 

/* iPhone 4 in-call */ 
@media screen and (max-height: 440px) {}