Discusion sobre Trucos y consejos para desarrollar para el iPhone en Tutoriales Via [Registrate para ver el link. ] , leo este fantástico artículo en el que nos dá a [Registrate para ver el link. ] .
Deshacerse de la toolbar
Al ...
Un problema que las páginas web tendrán con el nuevo iphone es el del giro del móvil, ya que si este pasa de vertical a horizonal cuando la página ya ha cargado, esta no se redimensiona, por consecuente tendremos que controlar este punto. Joe Hewitt ha montado [Registrate para ver el link. ]
Como la versión de Safari para iPhone (ni de cualquier navegador para cualquier movil) dispone de la posibilidad de ver el código fuente, tendremos que montarlo mediante javascript
Pese a los problemas con eventos de ratón, la gente está agudizando el ingenio y [Registrate para ver el link. ] Otras cosillas interesantes
Apple cree que únicamente hay que especificar una sola CSS. Y debido a que ingnora por completo [Registrate para ver el link. ]) podemos usar cualquier otra como si de un navegador de escritorio se tratara.
Code:
<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />
Para el <meta name="viewport" /> nos aconseja una serie de parámetros.
width: Por defecto 980. Rango [200,10.000].
height: Por defecto calculado en base a la anchura. Rango [223,10.000].
initial-scale, es la escala de rendirezaje cuando la página carga por primera vez. Por defecto toda la página. Rango [minimum-scale, maximum-scale].
user-scalable, determina si el usuario puede o no escalar la página. Defecto yes (SI).
Al igual que con el PC, podemos hacer que nuestras aplicaciones interactuen con las demás opciones del teléfono.
La redimensión del texto es algo que en los dispositivos moviles se ha de tener muy en cuenta, por eso iPhone dispone de -webkit-text-size-adjust para hara conseguir que esta propiedad sea posible.
Code:
-webkit-text-size-adjust: [none|auto|x%]
Las imagenes tambien deben de ser tenidas en cuenta ya que no podemos olvidar de que es un movil.
Formatos soportados: