My web page is slightly larger then the iPad resoltion, so when I open it in iPad Safari window, it is horizontally scrollable. When I pinch out the view, the web site looks perfect. Can I, via setting some tags like viewport
or some other, get the page to be fully displayed as soon as it loads?
In this way:
<meta name="viewport" content="width=device-width, initial-scale=1">
Documentation: http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
This stops the user from being able to re-scale the page as well, you can toggle this by changing user-scalable to 1 or limiting the amount of scalability by changing maximum-scale
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With