Estoy creando una página web pero cuando pensé que estaba lista me di cuenta que cuando cambiaba a un tamaño de pantalla menor se solapaba,como resuelvo esto?
-
Sin tu código y el error exacto no podemos hacer mucho, lee Cómo preguntar– user128299Commented el 21 jun. 2020 a las 17:30
-
Busca "Responsive" o "Adaptative", son cosas distintas.– Arnau CastellvíCommented el 21 jun. 2020 a las 17:34
-
Bienvenido @Jose a Stack Overflow en español, te sugiero que hagas el recorrido y de paso ganes tu primera medalla, también es muy importante que leas ¿Cómo escribo una buena respuesta? y Cómo preguntar, favoreciendo así tus chances de obtener una buena recepción por parte de la comunidad.– HubertRonaldCommented el 21 jun. 2020 a las 21:04
Añade un comentario
|
1 respuesta
Para que se vea bien una pagina en cual quier tamaño de pantalla, tienes que usar MediaQueries.
@media screen and (max-width: <tamaño-de-la-pantall>) {
.elemento {
propiedad1: estilo1;
propiedad2: estilo2;
propiedad3: estilo3;
}
}
Puedes averiguar mas de esto en:
W3SCHOOLS, MDN, CSS Tricks o en Desarrolloweb.com
Basicamente una media querie (en español "consultas de medios") son útiles cuando deseas modificar tu página web o aplicación en función del tipo de dispositivo (como una impresora o una pantalla) o de características y parámetros específicos (como la resolución de la pantalla o el ancho del viewport del navegador).