html結構：<div class='parent'>     <span>這是一些字體</span>    </div><style>.parent{                 box-shadow:0px 0px 10px blue;            border-radius:5px;                 padding:20px 40px;            display: inline-block;                 margin-top:200px;            margin-left:800px;            font-size:18px; }.parent:hover{            transform-origin:center;            transition:all 1s ease;             transform: scale(2); }</style>當鼠標經過parent時候，這個div被放大了兩倍，但是里面的字體同時也被放大了兩倍，這樣的效果是不需要的，你們遇到這個情況是如何處理以及解決的?