Como detectar el tamaño de pantalla del cliente a traves de css

[pzin]

Busca información acerca de @media-queries. Con eso podrás especificar reglas CSS que se aplicarán en caso de que la pantalla sea de tanto o de cuanto.

Un ejemplo sencillo, el fondo cambia según el ancho de la resolución:

Código CSS:

body {
  background: blue;
}
 
@media screen and (max-width: 1024px) {
  body {
    background: red;
  }
}
 
@media screen and (max-width: 320px) {
  body {
    background: yellow;
  }
}