mobile-website

I'm having a strange problem that only occurs with IE9. I'm working on a web page that has a desktop layout, and a mobile layout. Same HTML, different CSS. The problem happens with the code below: @media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (max-device-width: 640px) All browsers, with the exception of IE9, show desktop site as needed. Mobile browsers correctly show the mobile layout. The problem with IE9 is that it also shows the mobile layout. Now if I remove the words "only" and "screen" from the above code, IE9 then correctly displays the

I'm working on an iPad-based web app, and need to prevent overscrolling so that it seems less like a web page. I'm currently using this to freeze the viewport and disable overscroll: document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); This works great to disable overscroll but my app has several scrollable divs, and the above code prevents them from scrolling . I'm targeting iOS 5 and above only so I've avoided hacky solutions like iScroll. Instead I'm using this CSS for my scrollable divs: .scrollable { -webkit-overflow-scrolling: touch; overflow-y:auto; } This

I creating a site and want turn it mobile ready, i see people talking about very very old technology but everything looks walking to an web mobile experience I see people talking about frameworks] to mobile web development, also a friend told me about (wurfl)(' http://wurfl.sourceforge.net/java/wall.php ) to detect mobile features and build an apropriate css file doing content adaptation. I see people defining three or four css files and using media queries to match device by screen size with responsive fluid design, someone told me that you cant create one content because flow is different in