缩小网站@ 75％以获得低于1368的分辨率

Question

我已将其添加到网站的标题中，这正是我想要的，虽然它只适用于Chrome ..

<script language="javascript">
if(screen.width <= 1360) 
{
     document.write("<style>body{zoom:75%;}</style>");
}
</script>

实际上缩放功能目前仅适用于Chrome ..还有其他方式可以实现我需要做的事情：

网站网址：http://spassuisse.wpengine.com/les-bains/

@media all and (min-width: 1280px) and (max-width: 1400px) {
html {
zoom:75%;
}
}

我尝试在CSS中添加新的媒体大小..但它不起作用我想在1280和1400px之间缩放@ 75％大小的分辨率。

我的工作方法找到了重点，但它并没有将所有内容转换为缩小比例，就像在浏览器中缩放@ 75％一样。

https://www.elegantthemes.com/blog/divi-resources/how-to-identify-divis-responsive-breakpoints-and-fine-tune-your-designs-with-media-queries

就像在这里显示的那样，而不是为每个H1等组件设置值。对于那些分辨率，juste比例下降了75％..