边界-半径css形成椭圆形[重复]

Question

这是我第一次尝试在我的网页上设置页脚。我使用fontawesome来显示我的git回购或某些其他东西。

对于我使用的git repo字体

.fa-github{
    background-color: #333;
    color: #FFFFFF;
    border: 0.5rem solid #333;
    border-radius: 50%;
    font-size: 2rem; 
}

有人能解释一下为什么我只得到椭圆形而不是圆形吗？




Answer 1

这是因为包含的块形状不是我认为的正方形。试着定义比例，它应该会起作用。

.fa-github{
background-color: #333;
color: #FFFFFF;
border: 0.5rem solid #333;
border-radius: 50%;
font-size: 2rem; 
width: 24px;
height: 24px;
}