Zoom everything on bigger screens – CSS Media queries

Hi, if you want to zoom your website on a bigger screen like QHD and UHD i.e > 1920px you can just use the following media queries. You can edit them according to your needs.

/* Zoom everything on bigger screens */

@media (min-width:2000px) and (max-width:2399px) { // 2304 x 1440	Retina (Apple only) 
  html {
    zoom: 1.25;
  }
}

@media (min-width:2400px) and (max-width:2599px) { // 2k - 2560 x 1440
  html{
    zoom: 1.5;
  }
}

@media (min-width:2600px) and (max-width:3299px) { // 3K - 3200 x 1800
  html{
    zoom: 1.75;
  }
}

@media (min-width:3300px) and (max-width: 4000px) { // 4K - 3840 x 2160
  html{
    zoom: 2;
  }
}