在已经设置好大小的块中放大图片不会溢出边框

//在边框中图片放大
<div class="p1">
       <img class="pho" src="img/about_img1.jpg">
</div>

.p1{
    width: 300px;
    height: 300px;
    margin: 300px;
    border: 1px solid red;
    overflow: hidden;
}
.p1 .pho{
    transition: all 2s ease;
}
.p1 .pho:hover{
    transform: scale(1.3);
}