Web con tamaño adaptable con HTML5

Bargath · #1 (**permalink**) 20/12/2011, 02:54

Buenas,
Ante todo estoy iniciandome en el HTML5, asi que please me ¿podeis responder a la duda como si fuera tonto?, :P ¡gracias!

He visto esta web
http://www.w3.org/html/logo/index.html

La página adabta el alto de la web a la resolución de mi pantalla (no al tamaño de mi navegador), he buscado y no he encontrado nada para reproducirlo o siquiera entender como lo han hecho.

¿Alguien sabe como se hace o tiene un tutorial que lo explique?

¡Gracias!

abermejo · #2 (**permalink**) 20/12/2011, 10:35

cuando yo la veo tiene un alto constante, no entiendo a que te refieres, en todo caso una nueva caracteristica para manejar paginas en distintas resoluciones y dispositivos en css3 son los media queries.

ejemplos aqui : [URL="http://mediaqueri.es/"]http://mediaqueri.es/[/URL]

Bargath · #3 (**permalink**) 20/12/2011, 15:03

Me refiero a q:

La página se adapta a la resolución de la pantalla, siempre ocupa el total de la pantalla, lo he probado en 3 ordenadores con formatos de pantalla muy diferentes: 1920 x1080, 1400x 900 y 1280 x 800 y siempre, la web siempre se adapta a la resolución de la pantalla del equipo.

La web no se acopla al tamaño de la ventana del navegador, si encojo la pantalla la web no se encoge con la ventana, se ve igual quando lo he abierto (sea con el ordenador que sea).

No se si me explico...

Kurassier · #4 (**permalink**) 21/12/2011, 11:16

Pero eso se maneja en CSS3, no HTML5

Bargath · #5 (**permalink**) 21/12/2011, 13:37

Si? puede ser, pero si no me equivoco con CSS3 tendría un diseño líquido pero sin embargo este esta web es sólido.

Tedel · #6 (**permalink**) 21/12/2011, 23:48

yo la veo bastante normal...
un wrapper de 1000 px de ancho centrado y el contenido dentro

dual3nigma · #7 (**permalink**) 22/12/2011, 19:07

Si lo que comentas es cierto (no lo he probado) tendría que estar hecho con una convinacion de media queries y javascript, ya que IEs viejitos no soportan media queries. Por otro lado ten en cuenta que con la cantidad de dispositivos con tantas diferentes resoluciones es imposible utilizar este método para entregar una experiencia consistente a todos los usuarios. Antes cuando solo existían monitores de 800x600 y 1024x720 era fácil, pero hoy no es así, creo que de usar este método tendrías que tener bien ubicado el perfil de tus usuarios (Google Analytics te lo puede decir todo)

Saludos!