0

请使用 Chrome 查看www.mediawiki.org并尝试增加/减少页面缩放 ( Ctrl+ +/ -)。

任何人都可以就如何实现这种动画缩放处理给出任何指示吗？我注意到它不适用于所有浏览器。

谢谢！

4

3 回答 3

1

检查 CSStransition属性

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

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;
}
于 2012-05-02T12:20:37.610 回答
-1

我不确定，但我认为您可以通过以 em 或 % 格式创建网站并为父容器宽度和字体属性设置动画...所有子元素都会自动设置动画...

例如...您body 元素上的字体大小为 1em 所有子元素还具有与 em 格式的 body 容器字体大小相关的字体大小。当您增加或减少 body 元素的字体大小时，子元素也会增加和减少其字体大小，当您为 body 字体大小设置动画时，子元素也会为其字体大小设置动画......

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

于 2012-05-02T12:31:48.397 回答
-1

正如 anu 所说，它是由浏览器处理的，但是您可以通过使用百分比和/或 em 来在网站上使用诸如字体宽度和边距之类的东西。

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

于 2012-05-02T12:13:05.903 回答