problemas de resolución de iphone

Estoy desarrollando mi primer iPhone HTML + CSS + JS y estoy experimentando algunos problemas,

Primero, estoy confundido; ¿Tiene la misma resolución en iPhone 3 y iPhone 4?

Porque yo soy probando aquí y veo cosas muy pequeñas con mi iphone 4

Establecí un ancho mínimo de cuerpo: 320px y eso ni siquiera usa el 25% de la pantalla,

¿Qué diseño / dimensión CSS sugiere?

Por ahora solo tengo

body
{
    width: 100%; height:100%;
    font-family: "helvetica";
    min-height:640px; min-wdith:320px;
    background:#000;


}

Pero las imágenes con un ancho de 100px realmente se ven muy pequeñas ...

¿Puedo separar .CSS para iphone 3 y iphone 4?

preguntado el 27 de agosto de 11 a las 15:08

Gracias, estoy echando un vistazo. Pero esta versión del sitio web que estoy desarrollando es solo para IOS iphone / 23/4 (y tal vez ipad, pero no creo que sea así) -

Físicamente, la pantalla del iPhone 3 es de 320x480, la pantalla Retina del iPhone 4 tiene el doble de resolución (640x960), pero el escalado permite que las aplicaciones nativas la traten como 320x480 a menos que utilicen imágenes de resolución 2x. Sin embargo, no estoy seguro de cuánto de eso se aplica a las aplicaciones web. -

1 Respuestas

El navegador del iPhone tiene por defecto un ancho de 960 píxeles (creo) y escala la pantalla para que quepa en la pantalla más pequeña del iPhone.

Para solucionarlo, configure la ventana gráfica en la sección principal:

<meta name=”viewport” content=”width=device-width” />

Respondido 27 ago 11, 19:08

¿Qué quiere decir exactamente con 'arreglar eso', qué hace esta meta línea de código? ¡Gracias! - Toni Michel Caubet

veamos si entendí; Si agrego esta línea, ¿todos los iPhones se mostrarán igual? :D - Toni Michel Caubet

Las dimensiones físicas de la ventana de su navegador coincidirán con la pantalla del dispositivo en píxeles: Philippe Leybaert

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.