PHP文件上传文件大小相同

Question

我已为用户可以设置照片的个人资料编写了我自己的文件上传脚本。我的图像代码是这样的：

<img style="border-radius:100%" src="<?php echo $config['url']; ?>/photos/<?php echo GetVar($_SESSION['user']['id'], "avatar"); ?>" width="50" alt="avatar" />

当我尝试用新照片做100％的边框半径时，它太宽了？我想这是因为新照片的宽度和高度是不一样的，如果是这样的情况我怎么能阻止这个？或者，如果其他人认为它有所不同，请说出来。

这是默认图片，它可以正常使用边框半径：

这是使用上传脚本上传的新内容，但它很宽：

Answer 1

将图像设置为覆盖固定大小div的背景，然后应用css使其成为一个圆圈。

<style>
  .avatar{
    border-radius:100%;
    background-size:cover;
    height:50px;
    width:50px;
    overflow:hidden;
    display:inline-block;
  }
</style>

<div style="background:url(<?php echo $config['url']; ?>);" class="avatar">

</div>