4

I have used Twitter bootstrap to make my web site responsive. everything works great but IE 10 in Nokia (Lumia 920) windows phone. I searched alot and everybody says if I add @media(max-width:480px){@-ms-viewport{width:320px;} ...} it would solve the problem but the problem still remains. It is not only for my site, but also all other sites. IE 10 in windows phone is not responsive at all. any idea thanks.

Brian Knight
  • 4,970
  • 28
  • 34
user217648
  • 3,338
  • 9
  • 37
  • 61
  • 1
    Can you provide a link to your website? – Den Jan 11 '13 at 21:29
  • Please look at this msdn page from your Windows Phone with IE 10 http://msdn.microsoft.com/en-us/library/jj862343.aspx – user217648 Jan 13 '13 at 09:09
  • 1
    Check this article out by @stowball, should put you on the right track http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html – justinavery Jan 13 '13 at 12:43
  • thanks, I have read it. Maybe I can solve the problem on my site. but the problem is it is almost impossible to use IE on a Windows Phone becuase it does not reflow the page to fit the window. regardless the website. – user217648 Jan 13 '13 at 13:57

2 Answers2

4

Have you seen this post from Trent Walton? Wherein he talks about media queries and IE10 in WP8 - http://trentwalton.com/2013/01/16/windows-phone-8-viewport-fix/

Stuart Robson
  • 1,149
  • 4
  • 22
  • 42
0

I had the same problem, I fixed it using this meta tags:

<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

better explained in here: http://getbootstrap.com/getting-started/#template

cheers.

tgondar
  • 184
  • 4
  • 10