如何将放大后的div中的子元素div再次放大

Question

如何将放大后的div中的子元素div再次放大

Mefhisto_pheies

411

新手上路，请多包涵

我现在这里有一个已经通过js使用transform: scale(5, 5)宽和高都放大了5倍的div
而这个div里面还有一个子元素div，~~这个子元素div由于css中定义height和width都是用百分比的，所以已经放大了5倍。~~這個子元素隨着父元素也被放大5倍。
但是，我现在想要通过js再把这个子元素div放大5倍，
我就再次用了transform: scale(5, 5)，但是失败了；求解原因和解决方案！

javascript css

阅读 6.1k

1 个回答

图片描述
<!DOCTYPE html>
<title>Trans</title>

<style>
    body > div {
        transform: scale(2, 2);
        margin: 150px;
        width: 100px;
    }

    div > div {
        transform: scale(2, 2);
    }
</style>

<div>
hello
<div>
    welcome
</div>
</div>

很明顯只要給子元素附加 transform: scale 即可

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

如何将放大后的div中的子元素div再次放大

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

如何实现类似豆包的AI改写框跟随内容滚动效果？