How To Adjust The Zoom Of Website At Different Browser At Different Screen Size?

I have deployed a website it's zoom is fine at screen resolution 1920x1080. I want to zoom 80% at screen resolution 1366x768. I tried to set @media only screen and (min-width: 768

Solution 1:

try using scale

@mediaonly screen and (min-width: 768px) {
 transform:scale(0.8)
 transform-origin: 00;
}

Solution 2:

You can use media queries https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Maybe this can help you too https://css-tricks.com/snippets/html/responsive-meta-tag/