Web pages for mobile devices

How to fit your website for the Apple iPad article tells what to do to make your web site work nicely on mobile devices like iPhone, iPad and many other.

The viewport meta tag was introduced by Apple for the iPhone, and it has since been picked up by Microsoft for Windows Mobile and Nokia for Maemo. The tag is ignored by regular desktop browsers.

<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=800" />

What if you don’t want automatic zooming? Perhaps your site is designed for a specific size, or maybe it flexes for different sizes. You’ll need to adjust the viewport settings with a meta tag.

CSS media queries allow you to specify completely different stylesheets depending on how large the screen is. You can have one stylesheet for the iPhone and other mobile devices, one for the iPad, one for desktops and so on.


Be the first to post a comment.

Leave a Comment

Your email address will not be published. Required fields are marked *