html - 在布局中定位不同的移动版本

Question

我一直在尝试以下方法以在我的布局中定位我的移动 lumia 920。

<!--[if IEMobile]>
        <link rel="stylesheet" href="/Content/windowsPhone.css"/>
<![endif]-->
<!--[if IEMobile 8]>
        <link rel="stylesheet" href="/Content/windowsPhone.css"/>
<![endif]-->
<!--[if IEMobile 7]>
        <link rel="stylesheet" href="/Content/windowsPhone.css"/>
<![endif]-->
<!--[if IE]>
        <link rel="stylesheet" href="/Content/windowsPhone.css"/>
<![endif]-->

这些都不起作用。还有其他想法吗？

Answer 1

它不起作用，因为此代码仅适用于 Windows Phone 7，而 Lumia 920 是 Windows Phone 8。在此处阅读更多信息

Answer 2

我建议使用 JS 来检测浏览器。

browserUA = navigator.userAgent.toLowerCase();
if (browserUA.search('windows phone os 7') > -1)
   //Load WP 7 CSS file