Respuesta a: problema anchura web

Inicio Foros WordPress Themes y Diseño problema anchura web Respuesta a: problema anchura web

#71731

Xavier
Miembro

para estas cosas siempre ayuda poner un:

body, html {
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

Así el navegador calcula los espacios extra de los padding/margin sin necesidad de formatear los contenedores.

Para readaptar un logo si se ajusta la pantalla a otra resolucion se haria con Media Queries, por ejemplo:

@media screen and (max-width:600px) {
.logo {
float: left;
}
}

Esto es solo un ejemplo, aquí estoy diciendo que si la pantalla tiene un máximo de 600px de ancho (osea de 600 o inferior) entonces aplica estas clases (y pones las que quieras), en el ejemplo puse que la clase .logo flote a la izquierda, pero puedes poner tantas como gustes.

Saludos!

Pin It on Pinterest