Return to FAQ List
FAQ 118: Provide pages for phone/mobile device browsersCategory: Troubleshooting | Updated: 07/19/2013 8:19 PM
Modern devices allow the user to scale the screen or zoom in/out so the page is readable,
whereas older devices have trouble rendering a page that was designed for a typical computer screen.
There are a few methods to ensure your welcome and/or blocked page looks good on mobile devices.
A) use a custom meta tag in the HTML of the page, such as:
meta name "HandheldFriendly"
meta name "MobileOptimized"
meta name "Viewport"
Suggested: meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no;"
See: MSDN article
| MDN article
| LungoJs example
B) use the browser user agent to redirect to an alternate page:
Code sample: wwwmobile.zip
This ASP code could be added to the very top of the default document in your welcome and/or blocked site.
It redirects the browser to a new page you must create (mobile.asp) which should be formatted to display nicely on older mobile browsers.
See: list of user agents