【发布时间】：2011-07-20 02:20:54
【问题描述】：
我开发了一个网站，它使用媒体查询来支持移动设备，但 Windows Mobile 7 似乎没有受到影响。我知道 IE 不支持媒体查询，所以我猜它在 WinMob 上是一样的。有什么方法可以在这部手机上加载不同的页面吗？？
【问题讨论】：
标签： html css windows-phone-7 media-queries
【发布时间】：2011-07-20 02:20:54
【问题描述】：
你可以使用
<!--[IEMobile]>
<meta name="MobileOptimized" content="width" />
<link rel="stylesheet" type="text/css" href="ie-mobile.css"/>
<![endif]-->
但更好的是设置移动优先，可以说没有媒体查询作为媒体查询。并使用：
<!--[if (lte IE 8)&!(IEMobile)]> <html lang="en" class="ieLte8"> <![endif]-->
这样您就可以使用选择器：.ieLte8 来执行与通过媒体查询处理媒体显示相同的操作。
【讨论】：
-
我发现 IE 在 中提取的整个 if 语句不一致，并且在 php 中提取用户代理更加可靠！！
-
是的。使用 if IE 有时似乎只对我有用。不记得我使用的是哪个版本的 IE，但不是很一致。
只需获取user agent 并检查它是否是 Windows Phone 7（这是三星的焦点）：
Mozilla/4.0 (compatible: MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; SAMSUNG; SGH-i917)
然后重定向到另一个页面。
【讨论】：
-
啊，好的，谢谢。我想我也可以加载基于媒体查询的 css 文件。明天试试！
-
这是个好方法。我还发现它是一种更好的方法来查找浏览器是否是 IE，而不是看似错误的 !