medidas viewport vh vw no funcionan

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

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]

gracias por responder. un dispositivo (nokia n 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.