如何将应用程序的视口大小减小到chrome浏览器视图的67%

Question

我有一个Angular应用程序，最近购买了100个scss文件。当应用程序在设置为100%的浏览器中呈现时，它看起来很难看，放大过多。

如果我在index.html正文上使用zoom: 70%;，它看起来还可以。但像material dropdown mat-select这样的部分超出了屏幕。

我不想在100个文件中跟踪这些media queries。

你知道我该怎么直接修吗？有什么技巧可以让应用程序的视口占浏览器的67%，这是最好的视图吗？

Answer 1

有一个CSS"zoom"属性，但并非所有浏览器都支持。我认为这是一种不好的做法，不建议这样做。

.zoom {
zoom: 67%;
}

Answer 2

更改元标签中的初始规模，如下所示：

<meta name="viewport" content="width=device-width, initial-scale=0.67" />