Javascript 动画网站缩放/缩放

请看一下如何使用Chrome并尝试增加/减少页面缩放（Ctrl++/-）

有人能就如何实现这种动画缩放处理给出一些建议吗？我注意到它并不适用于所有浏览器

---

谢谢

正如anu所说，这是由浏览器处理的，但是你可以在网站上使用百分比和/或ems来处理字体和边距的宽度

编辑

---

我没有在Chrome上看它（即使你说我们应该看），因此错过了动画（doh！）。抱歉。

检查css

transition

属性

以下是MediaWIKI网站上的一些代码，这些代码使之成为可能：

---

我不确定，但我认为你可以通过创建em或%格式的网站来实现同样的效果，只需设置父容器宽度和字体属性的动画。。。所有子元素将自动设置动画…

---

例如body元素的字体大小为1em所有子元素的字体大小也与body容器的字体大小相关，字体大小为em格式。当您增大或减小主体元素的字体大小时，子元素也将增大或减小其字体大小，当您设置主体字体大小的动画时，子元素也将设置其字体大小的动画

（这是我的想法，可能会有所帮助）.

据我所知，此缩放是浏览器属性，与特定站点无关。尝试任何网站，这种效果都会出现。据我所知，这也适用于所有浏览器

div#mw-panel div.portal div.body,div#mw-panel div.portal h5 {
    transition:padding-left 250ms;
    -moz-transition:padding-left 250ms;
    -webkit-transition:padding-left 250ms;
    -o-transition:padding-left 250ms;
}