我正在实施一个Phonegap应用程序,但这是我感到困惑的地方。我需要为我的应用程序显示页眉和页脚,我为不同的屏幕设计编写了如下所示的媒体查询
@media only screen and (min-height:320px){
}
但问题是如果我在桌面浏览器中检查它320px看起来很大,但是当我在移动设备中打开它时它看起来很小。我测试的设备是
Videocon Android 4.1, 480x762
大多数热门媒体查询模板都依赖于移动设备的min-width
和max-width
。对于我的桌面60px高度标题看起来合理的尺寸,在移动设备中它太小了。我该怎么解决这个问题。有人请帮助我理解这一点。