HTML圆形按钮大小调整

我正在为我的网站设计一个后退按钮，我不太确定如何使按钮变小。我尝试使用负片填充等方式调整字体大小，但没有成功，我无法使按钮大小缩小，同时保持其圆形。下面是我在按钮上应用的CSS

.fa-arrow-left{
    font-size: 2em;
    height: 100px;
    width: 100px;
    border-radius : 50%;
    position: relative;
}

我希望在保持圆形的同时，将按钮的大小调整到当前大小的50%左右。谢谢你在这方面的帮助。谢谢。

试着改变一下

 height: 100px;
 width: 100px;

因为高度和宽度通常是决定html元素大小的参数

您已经将边界半径设置为

border-radius : 50%;

---

因此，无论元素的大小，这都将适用。

您给出的细节并不真正令人满意。尝试将

宽度

和

高度

属性更改为较低的值。如果没有帮助，可以使用

transform:scale（.5）但这不仅仅是次优

如果您使用的是令人敬畏的字体（如
fa
-前缀所示），更改
字体大小应该可以做到这一点。
首先减少
100px
的显式设置的
宽度和
高度…？（如果这还不能达到你想要的，那么首先给我们一个你的问题的正确答案。）为什么你不能简单地用
宽度
和
高度
？Hi@Vsync和CBroe，已经尝试过了，但是我会失去我按钮的圆形，我尝试了从1 px开始的值。只有100像素能给我我想要的圆形。嗨@Bastion Springer，“transform:scale（.5）”，成功了！非常感谢。我也为在这里给出如此模糊的描述表示歉意，我对StackOverflow是新手，刚刚开始使用HTML和CSS。是的，很明显，它确实起到了作用。一旦你开始在这个箭头旁边或下面添加内容，它就是janky af。这就是为什么我说这不仅仅是次优。CSS
transform
不会以任何方式改变文档流，因此此箭头周围的内容将流动，就像箭头的大小是可见大小的两倍一样。但是，只要你能忍受，那就好了。很高兴我能帮助Hi@Lukas A，我试着缩小按钮的高度和宽度，但无法保留按钮的圆形。巴斯蒂安·斯普林格关于“变换：尺度（.5）”的建议对我起了作用。