Last post Aug 10, 2012 12:51 AM by Mark Br
Aug 07, 2012 01:02 AM|Mark Br|LINK
I have designed an aspx webpage to display on our HDTV's web browser. So the webpage is 1920 x 1080 pixels (has a div to do that).
I want to demo the page to clients but thought rather than carry around a HDTV it would be easier to carry an iPad 3 and let them see what the page looked like on that. The iPad 3 screen is 2048 x 1536 pixels.
I tried to show the webpage on the iPad's Safari but the page wasn't displaying 2048 pixels, rather about half of that so it only displayed the left side of the 1920 wide page (about half of it, landscape mode) and the right scroll button needed to be pressed
to scroll to see the right side of the page.
How can I make the IPad Safari display the whole 1920 x 1080 page without it needing to scroll?
Aug 07, 2012 01:50 AM|syantien|LINK
You mean the new iPad?
You can go to "Accessibility" and adjust your screen resolution as you need.
Aug 07, 2012 02:07 AM|Mark Br|LINK
Yeah "new" iPad.
Aug 09, 2012 03:59 AM|Angie xu - MSFT|LINK
Please refer to the article about “How to fit your website for the Apple iPad”, This article is written on the assumption that previous guidelines for Safari on iPhone OS apply to version 3.2 and the iPad. Here is the link:
Aug 09, 2012 05:40 PM|roopeshreddy|LINK
Viewport should work for you!
<meta name="viewport" content="width=device-width" />
The above meta tags makes the website fit with in the screen of iOS devices!
Hope it helps u...
Aug 10, 2012 12:51 AM|Mark Br|LINK