CSS 媒体查询方向更改不起作用 PhoneGap

发布于 2024-11-18 00:17:41 字数 496 浏览 2 评论 0原文

在 iPhone Mobile Safari 上使用时，

<link rel="stylesheet" media="all and (max-width: 640px) and (orientation:portrait)" href="css/i-hoch.css"> 
<link rel="stylesheet" media="all and (max-width: 960px) and (orientation:landscape)" href="css/i-quer.css">

设备旋转时 CSS 会发生变化。

当此代码在 PhoneGap 框架 (0.9.5.1) 中使用时，同一页面不会加载不同的 CSS。问题

<meta name="viewport"

我们也遇到了可以解决的，但方向问题仍然存在。任何有关如何解决此问题的提示都将受到赞赏。预先感谢 - 亚历克斯

原文

when using

<link rel="stylesheet" media="all and (max-width: 640px) and (orientation:portrait)" href="css/i-hoch.css"> 
<link rel="stylesheet" media="all and (max-width: 960px) and (orientation:landscape)" href="css/i-quer.css">

on iPhone Mobile Safari the CSS is changed when device is rotated.

The same Page does not load the different CSS when this code is used within the PhoneGap Framework (0.9.5.1). We also had issues with the

<meta name="viewport"

which could be fixed but orientation problems remain.
Any hints how to solve this issue are appreciated. Thanks in advance - Alex

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

眼泪淡了忧伤 2024-11-25 00:17:42

@alex，可能首先要检查 css 文件与 firebug & 的链接。如果路径正确则
像这样写

<meta name="viewport" content="width=device-width">

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/i-hoch.css">  
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/i-quer.css">

可能会有帮助

@alex, may be first you have check you css file link with firebug & if the path is correct then
write like this

<meta name="viewport" content="width=device-width">

<link rel="stylesheet" media="all and (orientation:portrait)" href="css/i-hoch.css">  
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/i-quer.css">

may be that's helpful

回复收藏 0 原文

~没有更多了~