Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

What are the basic things to do in order to make a web site iPhone-friendly or more mobile-accessible in general?

share|improve this question
up vote 7 down vote accepted

For the iPhone in particular you should consider configuring the viewport, which controls the scale at which your page will get rendered. This is especially useful if your site is significantly narrower than the default viewport width of 980px. You can do this with a meta tag:

<meta name = "viewport" content = "width = 590">

You can also set the scale, and a bunch of other things. You can read all the details on Apple's site: http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

share|improve this answer

With more and more phones with higher resolution, good browser scaling and normal javascript/css support it's much less needed to make a special version of your site for mobile. Make sure you don't rely on :hover and you will do fine I guess. There is a good article on A list apart about fluid layouts which fit for all devices, take a look: http://www.alistapart.com/articles/responsive-web-design/

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.