2011-03-21 61 views
1

我開發了一個網站,該網站使用媒體查詢來支持移動設備,但Windows Mobile 7似乎沒有受到影響。我知道IE不支持媒體查詢,所以我想在WinMob上它是一樣的。有沒有辦法在這款手機上加載不同的頁面?Windows 7手機Web開發問題

回答

2

剛剛獲得user agent並檢查它是否是Windows Phone 7的(這是三星Focus):

Mozilla/4.0 (compatible: MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; SAMSUNG; SGH-i917) 

然後重定向到另一頁。

+0

Ah OK謝謝。我想我也可以加載我的媒體查詢基於CSS文件。明天再試! – 2011-03-22 00:07:00

+0

這是一個好方法。我還發現它是一種更好的方法來查找瀏覽器是否是IE,而不是看起來很麻煩的<! - [如果IE] - >! – 2011-03-22 10:42:23

0

您可以使用

<!--[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做同樣的,你會爲通過媒體查詢中顯示。

+0

我發現整個if語句在中被IE瀏覽器取代爲不一致,並且在php中提取用戶代理更加可靠! – 2011-03-27 22:35:08

+0

但是,如果我在PHP中使用服務器端,我無法提供緩存頁面... – snobojohan 2011-06-07 20:32:12

+0

正確。如果IE瀏覽器似乎只爲我工作,有時使用。不記得我使用的是什麼版本的IE,但它不是很一致。 – 2011-06-07 21:10:27