如何在不同屏幕尺寸的不同瀏覽器上調整網站的縮放比例？

Question

我已經部署了一個網站，它的縮放比例在屏幕分辨率1920x1080時還可以。 我想以屏幕分辨率1366x768縮放80％。

我試圖設定

@media only screen and (min-width: 768px) {
    body {zoom: 80%;}
} 

它在chrome中工作正常，但在Internet Explorer和Microsoft Edge中無法正常工作。

我已將meta標簽用於視口。

<meta name="viewport" content="width=device-width, initial-scale=0.6,               maximum-scale=1, user-scalable=0">

我希望在屏幕分辨率為1366x768的情況下，頁面縮放比例設置為80％。 並且它應該與所有瀏覽器兼容。

Answer 1

嘗試使用scale

@media only screen and (min-width: 768px) {
 transform:scale(0.8)
 transform-origin: 0 0;
}

Answer 2

您可以使用媒體查詢https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

也許這也可以為您提供幫助https://css-tricks.com/snippets/html/sensitive-meta-tag/