width=device-width not working in Mobile IE

windows-mobile viewport
user248288 picture user248288 · Jan 11, 2010 · Viewed 10.1k times · Source

I'm trying to make a website that works well on mobile phones. So far every phone that I have tested works well, but phones with Windows Mobile IE. It seem that Mobile IE just reads over the <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/> and is not setting the width to device-width.

Anyone have any experience with this or any tips of making the site better viewed on Mobile IE?

Thanks for the help!

Answer

Carl Russmann picture Carl Russmann · Jan 18, 2010

Mobile IE seems to only respect the viewport meta tag if you're specifying an actual width. To get the page width to follow the actual device width, use a mobileoptimized meta tag with content set to 0:

<meta name="mobileoptimized" content="0" />

Details on MSDN: http://msdn.microsoft.com/en-us/library/dd938878.aspx

If you combine this with the viewport meta tag as above, this should give you what you're looking for across most mobile browsers.

Related questions

Auto detect mobile browser (via user-agent?)

How can I detect if a user is viewing my web site from a mobile web browser so that I can then auto detect and display the appropriate version of my web site?

Read More
How to connect a Windows Mobile PDA to Windows 10

Does anyone know how I can get a Windows Mobile 6.5 PDA to connect up to a Windows 10 PC? Before upgrading the PC from Window 8.1 I was able to use Windows Mobile Device Center to link up to the PDA over …

Read More
How do I get modified date from file in C# on Windows Mobile?

I make a file in PC, and I want to transfer it to a PPC (Windows Mobile). How can I get the modified date of this file? (I need it on Windows Mobile.)

Read More