Quais são as coisas básicas a fazer para tornar um site compatível com iPhone ou mais acessível para dispositivos móveis?

Quais são as coisas básicas a fazer para tornar um site compatível com iPhone ou mais acessível para dispositivos móveis em geral?

Para o iPhone em particular, você deve configurar a viewport, que controla a escala na qual sua página será renderizada. Isso é especialmente útil se o site for significativamente mais estreito que a largura da viewport padrão de 980px. Você pode fazer isso com uma metatag:

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

Você também pode definir a escala e várias outras coisas. Você pode ler todos os detalhes no site da Apple: http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html

Com mais e mais telefones com resolução mais alta, bom dimensionamento do navegador e suporte normal a javascript / css, é muito menos necessário criar uma versão especial do seu site para celular. Certifique-se de não confiar: pairar e você vai se sair bem, eu acho. Há um bom artigo em Uma lista à parte sobre layouts de fluidos adequados para todos os dispositivos. Dê uma olhada: http://www.alistapart.com/articles/responsive-web-design/