I’m doing HTML5 responsive website for both desktop and mobile. What is the actual browser width (portrait and landscape), for example Samsung Galaxy S3 has 720px resolution, but i normally find that browsing in portrait showing much less than that. any pointer on this?
Thanks.
I’m doing HTML5 responsive website for both desktop and mobile. What is the actual
Share
You are probably running into trouble with the viewport size.
Mobile browsers will have a virtual size for the page that is often more (and sometimes less) than the actual screen resolution. This viewport scaling can be controlled with a meta tag.
This page has more details. It’s for iOS, but the concept is broadly applied: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html