|
Título: ¿Cómo puedo ajustar las resoluciones? Publicado por: andrecid en 28 Junio 2016, 11:26 am Hola , estoy trabajando en un proyecto pero tengo un problema que no me gusta nada...
La cosa es que en mi web cuando está la ventana del navegador al máximo se ve perfectamente pero cuando lo voy minimizando algunos divs se van mezclando con otros etc.. ¿Alguien me ayuda? Título: Re: ¿Cómo puedo ajustar las resoluciones? Publicado por: eLank0 en 28 Junio 2016, 14:39 pm https://developer.mozilla.org/es/docs/CSS/Media_queries
Con los media queries puedes aplicar distintos CSS según algunos parámetros. Salu2 Título: Re: ¿Cómo puedo ajustar las resoluciones? Publicado por: gAb1 en 29 Junio 2016, 02:12 am A parte de los medias queries tambien es importante trabajar con unidades dinámicas, como el % y vh/vw (virtual height y width que basicamente es el alto y ancho de la pantalla, no del elemento).
Para poder trabajar con vh y vw hay que configurar el viewport en el html: Código
Tambien puedes usar calc() para todavía conseguir un nivel más dinámico, por ejemplo: quieres que un div tenga el 100% del padre pero este tiene 10px de padding: Código
Te dejo un ejemplo de como usar % y calc(): https://jsfiddle.net/y5x3jyc9/ Edito: Te dejo también el ejemplo que acaba de crear para la otra pregunta: https://jsfiddle.net/y5x3jyc9/2/ |