我正在尝试在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]>
评论来解决我在两个渲染之间遇到的问题。
如果有人有更优雅的解决方案,因为需要桌面支持而无法正常工作,我很乐意听到。
答案 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>