尝试制作圆形图像

Question

这个问题之前已经被问过很多次了，但是我似乎仍然无法弄清楚这样一个简单的问题。

我正在尝试拍摄图像并将其圈成圆圈，但是当我尝试这样做时：

const styles = {
  profileImage: {
    padding: "5% 0",
    objectFit: "cover",
    display: "block",
    width: "10vh",
    height: "10vh",
    borderRadius: "50%",
    border: "1px solid white", 
    margin: "0 auto"
  }
}

我的图像仍然看起来像这样：

白色边框是我想要的尺寸，但是由于某种原因，实际照片被裁剪掉了。 我将不胜感激！ 为此拉我的头发:-(

谢谢！

Answer 1

我认为这是由于以下原因：

padding: "5% 0",

尝试删除该行