Ver Mensaje Individual
  #3 (permalink)  
Antiguo 29/05/2013, 05:30
kuan_ji
 
Fecha de Ingreso: mayo-2013
Ubicación: Valencia
Mensajes: 5
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: zoom a todo según resolución

Si, parece JavaCSScript++#.net

(solo tengo algún conocimiento de c++ y html, ¿se nota no?)

El tema wordpress con el que trabajo está hecho con "Artisteer" (de ahi mi poco nivel de css) y le voy metiendo mano a medida que necesito adaptalo

Leyendo: http://html5hacks.com/blog/2012/11/28/elegantly-resize-your-page-with-the-at-viewport-css-declaration/

y aqui: http://dev.w3.org/csswg/css-device-adapt/

Cita:

This example sets the viewport to fit the width of the device. Note that it is enough to set the width as the height will be resolved from the width.

Código:
@viewport {
  width: device-width;
}
creo entender que si pongo algo tipo ese codigo al final de styles.css el viewport "detecta" el ancho de la pantalla

y poniendo algo tipo

Código:
@viewport {
    width: device-width;
    zoom: auto;
  }
debería ajustar el zoom según la resolución... y sin embargo no hace ni caso :(

¿no va en styles.css?
¿hace falta alguna librería (igual que en los jquery hace falta un .js)?

Como curiosidad (y por si sirve de algo):

la página a 1280x800 se ve como se espera, si la ves en una resolución mayor se centra (wow! , aunque espero que pueda hacerse un ligero zoom para aprovechar pantallas más grandes) pero si la ves en una resolución menor (1024x768 es la que uso para pruebas) la imágen de header se corta 100px a ambos lados, las banderas de los idiomas se descuadran y se mueven, y la imagen mapeada de la página de inicio se sale de los marcos del tema y aparecen barras de desplazamiento por todos lados :P

Ah! y gracias por decirme como cambiar las etiquetas,... había un par (todo, según) que no tenían mucho sentido :)