Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Javascript 是否可以使用css3 scale仅缩放容器大小(而不缩放内容)?_Javascript_Css_Css Transitions - Fatal编程技术网

Javascript 是否可以使用css3 scale仅缩放容器大小(而不缩放内容)?

Javascript 是否可以使用css3 scale仅缩放容器大小(而不缩放内容)?,javascript,css,css-transitions,Javascript,Css,Css Transitions,我想要一个div在用户单击它时占据查看端口。目前,我已经将css3转换设置为div,并使用javascript设置width和height属性。动画就会发生。但这并不顺利。它看起来很脆 所以,我想使用一些内置函数来进行缩放。我以css3 scale()结束。但它也可以扩展内容。我只想让部门扩大。不是内容 这是可以实现的还是有其他方法可以实现?我想实现css3解决方案,而不是javascript解决方案。在纯CSS中,有一种黑客方法可以实现这一点,即添加一个内部div来保存内容,然后将比例向上应用

我想要一个div在用户单击它时占据查看端口。目前,我已经将css3转换设置为div,并使用javascript设置width和height属性。动画就会发生。但这并不顺利。它看起来很脆

所以,我想使用一些内置函数来进行缩放。我以css3 scale()结束。但它也可以扩展内容。我只想让部门扩大。不是内容


这是可以实现的还是有其他方法可以实现?我想实现css3解决方案,而不是javascript解决方案。

在纯CSS中,有一种黑客方法可以实现这一点,即添加一个内部div来保存内容,然后将比例向上应用到元素,并将相等的比例向下应用到内部div本身。这样,您的内容将保持不变大小

仅将尺寸更改为宽度和高度如何?一旦你移除缩放,动画应该运行得更平滑,因为它需要相当大的计算能力。我已经在做了。但它看起来并不平滑。我读到的方式是,你正在使用javascript改变维度。我的建议是使用css转换(很抱歉不清楚)。然后,您可以使用javascript更改对象的类以“触发”动画。真正的问题是抖动。也就是说,发布代码和/或创建带有此问题的JSFIDLE。试图在某些问题上添加新代码可能会造成更多的复杂性。我会在你遇到更大的问题之前解决更小的问题。