Javascript 如果窗口不够大，则缩放（缩小）内容

我是一个开发网站以支持物联网项目的新手，我有一个div，我希望得到自动缩放脚本的支持，以防它不适合窗口（水平、垂直或两者），更具体地说，如果内容大于窗口。下面我将向您展示有关div的CSS。下面的代码用于使div水平和垂直居中：

div.container
{
位置：绝对位置；
最高：50%；
左：50%；
保证金权利：-50%；
转换：翻译（-50%，-50%）；
最大宽度：100%；
最大高度：100vh；
保证金：自动；
显示：网格；
填充：0；
字体系列：Trebuchet MS、Tahoma、Verdana、Arial、无衬线字体；
}

阅读这篇如何在纯JS或jQuery中获取大小，然后阅读如何使用CSS或在或中创建div

---

只是别忘了不要干扰用户的缩放。

阅读css媒体查询的工作原理