Nelson Ocampo
03-25-2011, 06:00 PM
<div class='os_post_top_link'><a href='http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/03/22/targeting-mobile-optimized-css-at-windows-phone-7.aspx' target='_blank'>http://windowsteamblog.com/windows_...ws-phone-7.aspx</a><br /><br /></div><p><em>"There have been several good posts on how to style sites for mobile devices, including Responsive Web Design, Bulletproof CSS3 media queries, CSS Media Query for Mobile is Fool’s Gold, and Combining media queries and JavaScript, to name a few.These approaches all use CSS3 Media Queries. As many of these articles point out, not all mobile browsers support this feature. The Windows Phone 7 browser's base functionality is built on Internet Explorer, which will not support CSS3 Media Queries until Internet Explorer 9. As we announced at Mobile World Congress, Internet Explorer 9 will be coming to Windows Phone this year, so we’ll have much more to say about CSS3 Media Queries support on the phone soon. This post addresses how developers can achieve similar results on the current Windows Phone 7 browser in a way that will also be compatible with future updates."</em></p><p><img src="http://images.thoughtsmedia.com/resizer/thumbs/size/600/wpt/auto/1301074747.usr117767.jpg" style="border: 0;" /></p><p>Mike O'Malley put up a post on the Windows Phone Developer Blog detailing how web developers could take advantage of Windows Phone's Internet Explorer browser to get the best customer experience using CSS. This is meant to tide us over until Internet Explorer 9 is released and CSS3 media queries are supported. Check out the link for details.</p>