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

时间:2013-01-11 14:08:33

标签: html css mobile

我一直在尝试以下方法在我的布局中定位我的移动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]-->

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

2 个答案:

答案 0 :(得分:1)

它不起作用,因为此代码仅适用于Windows Phone 7,而Lumia 920适用于Windows Phone 8.阅读更多here

答案 1 :(得分:0)

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

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