我现在这里有一个已经通过js使用transform: scale(5, 5)宽和高都放大了5倍的p 而这个p里面还有一个子元素p，这个子元素p由于css中定义height和width都是用百分比的，所以已经放大了5倍。這個子元素隨着父元素也被放大5倍。 但是，我现在想要通过js再把这个子元素p放大5倍， 我就再次用了transform: scale(5, 5)，但是失败了；求解原因和解决方案！
transform: scale(5, 5)
p
闭关修行中......
<!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 即可
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<title>Trans</title>
很明顯只要給子元素附加 transform: scale 即可