gpt4 book ai didi

ios - cordova/ios 媒体查询方向从不报告 "landscape"

转载 作者:行者123 更新时间:2023-11-28 09:34:29 25 4
gpt4 key购买 nike

cordova 3.4.0-0.1.3,在模拟器 (iOS 7.1 11D167) 或物理设备 (iOS 7.1.1 11D201) 上的行为相同。

我采用了由“cordova create hello com.example.hello HelloWorld”创建的 cordova 示例应用程序,并从正文中删除了背景图像样式。添加以下 CSS 会导致无论方向如何,背景都是绿色的:

body {
/* red */
background-color:#FF0000;
}

@media screen and (orientation : portrait) {
body {
/* green */
background-color:#00FF00;
}
}

@media screen and (orientation : landscape) {
body {
/* blue */
background-color:#0000FF;
}
}

我想要一种通用的纵向/横向测试方法。以下在 ios 上工作,纵向绿色背景,横向蓝色背景。

body {
/* red */
background-color:#FF0000;
}

@media screen and (max-aspect-ratio: 1/1) {
body {
/* green */
background-color:#00FF00;
}
}

@media screen and (min-aspect-ratio: 1/1) {
body {
/* blue */
background-color:#0000FF;
}
}

我的方向查询是否有问题?有什么理由不采用纵横比方法吗?

shouldAutorotateToInterfaceOrientation 正确返回"is"。我的 plist 声明该应用程序支持所有方向。

感谢您的帮助。

最佳答案

我认为您还必须为 orientation: landscape 指定一个 min-width 才能正常工作,因为 iOS 无法以正确的方式检测到这一点,只需使用一个简单的技巧并寻找在您更改时会改变的设备宽度方向。

@media only screen and (max-width : 320px), (orientation: portrait) {
/*css goes here*/
}

@media only screen and (min-width : 320px), (orientation: landscape) {
/*css goes here*/
}

请注意,, 用作

试试这个,如果有帮助请告诉我:-)

关于ios - cordova/ios 媒体查询方向从不报告 "landscape",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25596042/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com