¿Cuáles son las cosas básicas que se deben hacer para que un sitio web sea compatible con iPhone o sea más accesible para móviles en general?
9
Para el iPhone en particular, debe considerar configurar la ventana gráfica, que controla la escala a la que se representará su página. Esto es especialmente útil si su sitio es significativamente más angosto que el ancho de ventana de visualización predeterminado de 980px. Puedes hacer esto con una metaetiqueta:
<meta name = "viewport" content = "width = 590">También puede establecer la escala y muchas otras cosas. Puede leer todos los detalles en el sitio de Apple: http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/usingtheviewport/usingtheviewport.html
Con más y más teléfonos con mayor resolución, buen escalado del navegador y soporte normal de JavaScript / CSS, es mucho menos necesario hacer una versión especial de su sitio para dispositivos móviles. Asegúrate de no confiar en: pasa el mouse y harás bien, supongo. Hay un buen artículo en una lista aparte sobre diseños de fluidos que se ajustan a todos los dispositivos, eche un vistazo: http://www.alistapart.com/articles/responsive-web-design/