• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - (工作)@media 查询 iPhone 6(phonegap)?

[复制链接]
菜鸟教程小白 发表于 2022-12-13 09:03:13 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我正在尝试通过扩展 iPhone 6 和 iPhone 6 Plus 的 CSS 文件来更新 Phonegap (3.4.0) 应用程序,但是,媒体查询似乎无法正常工作(目前仅在模拟器中进行测试, 8.0/550.1)。特别是,任何使用 resolutiondevice-widthmax-device-width 等的测试似乎都失败了。我试图通过一一测试条件来弄清楚发生了什么。对于 iPhone 6,device-aspect ratioresolution 的任何测试均失败。对于 device-widthdevice-height我尝试了实际像素值(1334px、750px)和虚拟尺寸(667px、375px)。 device-height 似乎有效,device-width 无效(应用处于纵向模式):

@media screen 
and (-webkit-min-device-pixel-ratio: 2) /* this one works */
and (resolution: 326dpi) /* fails */
and (min-device-width: 375px) /* fails, passes up to 320px ?!? */
and (device-aspect-ratio: 16/9) /* fails, so does 9/16 ..? */
and (min-device-height: 375px) /* works, but height only */
and (max-device-height: 667px) /* works, but height only */
{
...
} 

不确定这是 Webkit/phongap 还是 iOS8 问题(或者我是否忽略了某些问题)。有没有人想出这个/有一个(工作的)iPhone 6 查询?谢谢



Best Answer-推荐答案


您的应用是否具有适用于 iPhone 6 分辨率的正确初始屏幕图像?如果不是,设备会报告较小的屏幕尺寸(即最终只是将您的应用放大以适应大小)

关于ios - (工作)@media 查询 iPhone 6(phonegap)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25934090/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap