有没有办法使用条件注释来定位Windows Mobile 7.5浏览器?

时间:2011-12-14 07:11:55

标签: html internet-explorer windows-phone-7 windows-mobile

我正在尝试在Windows Mobile 7.5上定位IE浏览器。

可以告诉我
<!--[if lt IE <mobile browser>]> <include retina display> <[end if]--> 

条件注释语法样式适用于Windows Mobile?

编辑:感谢下面的评论,我找到了解决方案。 The <!--[if IEMobile]> <[end if]-->语法适用于Windows Mobile 7,但我无法使其适用于Windows Mobile 7.5。因为我正在构建一个不需要在桌面设备上呈现良好的移动网站,所以我能够使用通用的<!--[if gt IE 7]>评论来解决我在两个渲染之间遇到的问题。

如果有人有更优雅的解决方案,因为需要桌面支持而无法正常工作,我很乐意听到。

3 个答案:

答案 0 :(得分:2)

以防有人遇到此问题。有些要点值得了解:

IE Mobile 7.5报告了font-face的误报。因此,您不幸在Modernizr上使用该功能。

为了混淆问题,它也忽略了IE Mobile的条件评论,如上所述。它实际上收集了IE9的条件评论。我能解决的唯一方法就是添加一个条件评论:

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9 ieMobile75" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

然后使用.ieMobile75类为相关样式添加前缀。如果你想避免这些样式进入桌面IE,我建议将它们组合在一个媒体查询中。

答案 1 :(得分:1)

可能是你的工作

<!--[if IEMobile]>
...
<![endif]-->

答案 2 :(得分:0)

<pre>
<code>
is this help for you by checking device width?
<!-- [if (min-device-width: 481px)]>

<![endif]—>
</code>
</pre>