Windows Phone 7 的 IE Mobile 條件判斷

手上沒有 Windows Phone, 估計這幾年手上應該也不會有, 不過, 關於 Windows Phone 7 的 IE CSS 條件判斷該怎麼寫, 還是需要要知道.

下述範例取自: Targeting mobile-optimized CSS at Windows Phone 7 - IE for Windows Phone Team Weblog - Site Home - MSDN Blogs

專門寫給 Windows Phone7 的裝置用的語法, 要用下述語法包起來:


<!--[if IEMobile]>
<p>這邊的內容只有在 Windows Phone 7 的 IE Mobile 會呈現出來</p>
<![endif]—>
<![if !IEMobile]>
<p>All other browsers</p>
<![endif]>

將 一般CSS 與 手機版CSS 混合的狀況, 要如何對 "特定寬度" 處理?


<!—Mobile -->
<link rel="stylesheet" type="text/css" href="mobile.css" media="screen and (max-device-width: 480px)" />
<!--[if IEMobile 7]>
<link rel="stylesheet" type="text/css" href="mobile.css" media="screen"  />
<![endif]-->


@media screen and (max-device-width: 480px) { div {border:none;}}

下述取自: IEMobile Conditional Comment


<!-- [if (min-device-width: 481px)]>

<![endif]—>

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料