Comunidad de diseño web y desarrollo en internet online

medidas viewport vh vw no funcionan

Citar            
MensajeEscrito el 11 Feb 2016 02:30 pm
bueno. tengo esta web que la estoy haciendo responsive probando las medidas vh y vw por primera vez:
[url=http://sonidosdistantes.com.ar/out/ ][/url]
el problema es que en un emulador responsive veo todo bien pero en el celular (nokia n8 y sangsung poquet de 320x480 ) y no se ve para nada bien.
si alguien puede ayudarme se lo agradezco. Hasta ahora nadie pudo ayudarme :(

estos son solo 2 de los divs en cuestion:

Código CSS :

.caja-01 {
   display: block;
   height: 100vh;
   width: 100vw;
   margin-right: auto;
   margin-left: auto;
   background-size: cover;
   background-color: #FFF;
   overflow: hidden;
   float: none;
}
.caja-02 {
   display: block;
   height: 100vh;
   width: 100vw;
   margin-right: auto;
   margin-left: auto;
   background-color: #FFF;
   background-image: url(img/fondo-02.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   float: none;
   position: relative;
}


desde ya muchas muchas gracias

Por walter

68 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 13 Feb 2016 12:58 pm
Hola, que navegador utilizas en loa dispositivos que te dan problemas?
Es probable que no sean compatibles con vh y vw.
Puedes comprobar si los navegadores son compatibles desde este link:
[url=http://caniuse.com/#feat=viewport-units][/url] :)

Por Zull

20 de clabLevel



Genero:Femenino  

chrome
Citar            
MensajeEscrito el 15 Feb 2016 01:49 pm
gracias por responder. un dispositivo (nokia n8) usa opera y uno del mismo teléfono (es android). el otro (sangsung s3 mini o poquet) usa el del telefono. lo que hice es usar medidas viewport para los ordenadores y pixeles para los dispositivos moviles.

Por walter

68 de clabLevel



Genero:Masculino  

chrome

   Página 1 de 1

 

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