这是我的简单代码，我希望它以1s的延迟（使用javascript）缩放我的整个文档(html)，并且它应该慢慢地动画整个网站的缩放。

在这个小提琴中，它根本不起作用--但在我的文件中，它实际上是动画的，但只有当用户不断移动鼠标时。

HTML{ 身高：100%； 宽度：100%； 过渡：变换15s线性； 转换：缩放(0.6)

顺晟科技：

我无法使它与您的代码一起工作，所以我这样修改它:

setTimeout(function(){
  document.querySelector("html").style.transform = "scale(0.7)";
},1000)

不管我是否移动鼠标，它似乎都像我所期望的那样工作。问题是，即使放大缩小或调整大小，on或标记也会填满屏幕的全部大小。

编辑:

如果您希望背景在内容增长的同时适合整个窗口：我只是在您的窗口中添加了一个，以便更容易地查看正在发生的事情。这是您想要的吗？