search

Home  >  Q&A  >  body text

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

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

阿神阿神2901 days ago597

reply all(1)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 14:49:15


    <!DOCTYPE html>
    <title>Trans</title>

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

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

<p>
hello
<p>
    welcome
</p>
</p>

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

    reply
    0
  • Cancelreply