“CSS para un tamaño de pantalla más grande” Código de respuesta

Cómo cambiar el estilo basado en el tamaño de la pantalla

.adjust-me-based-on-size{
  margin-left: 15%;
  margin-right: 15%;
}
@media only screen and (min-width: 800) and (max-width: 1200) {
  .adjust-me-based-on-size {

    margin-left: 10%;
    margin-right: 10%;
  }
}
@media only screen and (max-width: 800px) {
  .adjust-me-based-on-size {
    margin-left: 5%;
    margin-right: 0%;
  }
}
 Run code snippet
Wandering Worm

CSS para un tamaño de pantalla más grande

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}
Difficult Dingo

Tamaños de pantalla para medios CSS

<meta name="viewport" content="width=device-width, initial-scale=1" />
Good Gerbil

Respuestas similares a “CSS para un tamaño de pantalla más grande”

Preguntas similares a “CSS para un tamaño de pantalla más grande”

Más respuestas relacionadas con “CSS para un tamaño de pantalla más grande” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código