我正在尝试使用 Phonegap(cordova) 和 IBM Worklight 制作示例混合移动应用程序。我已将 iPad 和 iPhone 添加为目标设备。
应用程序内的 Web 内容将是响应式的,使用 CSS @media 查询。
我面临的问题是,当我在 iPad/iPhone 上启动应用程序时,它无法识别我编写的媒体查询。我尝试使用设备方向方法和最大宽度方法切换 CSS。仍然没有成功。
设备宽度方法中使用的代码是
/* Portrait */
@media screen and (max-width: 768px) {
/* Portrait styles since iPad in portrait has device width 768px */
/* Landscape */
@media screen and (max-width: 1024px) {
/* Landscape styles since iPad in landscape has device width 1024px */
}
我尝试了定位
/* Portrait */
@media screen and (orientation:portrait) {
/* Portrait styles */
/* Landscape */
@media screen and (orientation:landscape) {
/* Landscape styles */
}
任何人都可以建议如何在 IBM Worklight 中制作响应式 webapp,phonegap