Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS3过渡和动画的高度自动透视图?_Css_W3c_Css Transitions_Css Animations - Fatal编程技术网

CSS3过渡和动画的高度自动透视图?

CSS3过渡和动画的高度自动透视图?,css,w3c,css-transitions,css-animations,Css,W3c,Css Transitions,Css Animations,CSS3的过渡、变换和动画都很棒。现在更多的浏览器支持它们 还有一件事我一直在问自己:为什么规范没有定义CSS3转换和动画应该处理高度:自动 当我们不再使用固定的布局,而是使用CSS3灵活的盒子模型和媒体查询时,这没有任何意义 仅仅使用JavaScript来设置具有固定高度的CSS转换没有任何意义 现在我的问题来了: W3C是否会规定CSS3过渡和动画应支持高度:自动,或者我们可以要求他们指定此高度?我不确定他们为什么也没有说任何关于auto值的内容,但你可以试着通过他们的公共网站询问他们。由于

CSS3的过渡、变换和动画都很棒。现在更多的浏览器支持它们

还有一件事我一直在问自己:为什么规范没有定义CSS3转换和动画应该处理高度:自动

当我们不再使用固定的布局,而是使用CSS3灵活的盒子模型和媒体查询时,这没有任何意义

仅仅使用JavaScript来设置具有固定高度的CSS转换没有任何意义

现在我的问题来了:


W3C是否会规定CSS3过渡和动画应支持高度:自动,或者我们可以要求他们指定此高度?

我不确定他们为什么也没有说任何关于
auto
值的内容,但你可以试着通过他们的公共网站询问他们。由于过渡和动画规格仍在使用中,它们可能只是为了解决这个问题而进行一些更改。祝你好运

您可以转换最大高度:

我想我找到了一个解决方案:


我的解决方法是将“最大高度”转换为精确的内容高度,以生成一个平滑的动画,然后使用transitionEnd回调将最大高度设置为9999px,这样内容就可以自由调整大小。

@BoltClock你知道通过哪个渠道最好问这样的问题吗?我把我的评论变成了答案,因为它们基本上回答了你的上一个问题。这些最大高度的解决方法现在正是我们无法回答的原因动画到高度:自动是W3C做的一项糟糕的工作。我只是觉得我们不需要另一个时代的这种方法,因为我们有IE相关的黑客统治足够长的时间。简单地说,过渡到汽车是非常有用的,很多人将需要它,所以为什么不这样做。谢谢!我很好奇我能在那里提出什么建议。我可能会报告当前实现背后的原因以及对它的任何观点。这是一个非常有用的提示——我没有想过尝试!谢谢我已经知道了,但它并不总是一个替代品。例如,您需要设置一个接近真实高度的最大高度,因为否则,您将有明显的延迟。同意,如果元素高度只有很小的变化,它将非常有效,尽管这是一个聪明的技巧!Lea-这一点很有效,除非您有一个单独的div,它可以包含多个子项中的一个子项,并且希望在使用一些JavaScript后平滑地更改容器的高度(即,您的开始和结束状态由不同的
高度:auto
声明控制),你也可以放弃最大高度“hack”并改为获取->设置高度。@adam你的解决方案似乎是一个很好的选择!我想投两次票。你在什么地方写过关于它的博文吗?@mystrdat我同意使用JavaScript并不理想。。。但是,如果只是获取/设置高度,则需要跟踪任何内容更改或窗口大小调整,这些更改或调整会在以后影响内容的高度。有了这个“黑客”你的内容将在动画后自由调整大小。@DADU实际上这将是一篇很好的博客文章。。。但首先我需要开一个博客@亚当啊哈,你是少数几个没有的人之一!虽然我必须承认我也在那群人中。