手上沒有 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]—>