Comunidad de diseño web y desarrollo en internet online

pagina que no se ve completa en iphone

Foros de discusión > CSS y HTML

Citar            
MensajeEscrito el 18 Mar 2011 03:08 pm
Tengo un problemita y es que me pidieron una página en html, la probé con ie6 y se ve bien, pero ahora el cliente quiere que se vea en un iphone, testeando en un emulador (testiphone.com) veo que la cabecera ni el menú se ven :shock:

Alguien me podría ayudar para que se pueda ver bien?
saludos

Por onpress

68 de clabLevel



Genero:Masculino  

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 18 Mar 2011 04:40 pm
He conseguido que ya se vea la cabecera que no se veía, pero falta que el logo se vea completo, se ve cortado

Por onpress

68 de clabLevel



Genero:Masculino  

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 18 Mar 2011 05:23 pm
Agrega este <meta> en el <head>

Código HTML :

<meta name="viewport" content="width=320;  initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=1;"/>


Pero te aclaro que no es lo ideal. Lo ideal es que lo hagas por CSS usando @media y luego decantando el tamaño de la pantalla con min-width y max-width. Esto funciona para un iphone y cualquier navegador que soporte CSS3, mientras que IE6 lo ignorará. Así mismo hará irrelevante el dispositivo con que se accede a tu sitio.

Por DriverOp

Claber

2510 de clabLevel



 

Envíale un mensaje privado     Web

opera
Citar            
MensajeEscrito el 18 Mar 2011 06:44 pm
Gracias por el aporte, pero añadiendo el meta y luego probando, veo que no cambia...
el logo sigue cortado :(

Por onpress

68 de clabLevel



Genero:Masculino  

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 18 Mar 2011 10:03 pm
listo, en el css tenía el div total que contiene todo en position: absolute para que esté centrada, de lado a lado y de arriba abajo, pero finalmente la he centrado solo de lado y lado, la parte superior la dejé con un espacio x y listo, ya se ve hasta en un Nokia C3 :wink:

Por onpress

68 de clabLevel



Genero:Masculino  

Envíale un mensaje privado    

chrome
Citar            
MensajeEscrito el 19 Mar 2011 12:47 pm
No tengo un IPhone así que uso un emulador para estos casos y probando con tu sitio no he visto el problema que comentas excepto cuando pones horizontal el aparato. Pero eso es obvio porque el sitio es más alto que ancho.

Por si te interesa, en un IPad se ve perfecto :)

Por DriverOp

Claber

2510 de clabLevel



 

Envíale un mensaje privado     Web

opera
Citar            
MensajeEscrito el 19 Mar 2011 02:53 pm
Muchas gracias por el dato
Saludos

Por onpress

68 de clabLevel



Genero:Masculino  

Envíale un mensaje privado    

chrome
Foros de discusión > CSS y HTML

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.