HTML Изменение размера круглой кнопки

Question

Я работаю над кнопкой "Назад" для своего веб-сайта, я не совсем уверен, как сделать кнопку меньше. Я попытался отрегулировать размер шрифта, применив отрицательное заполнение, et c. Но безрезультатно мне удалось уменьшить размер кнопки, сохранив ее круглую форму. Ниже CSS, который я применил к моей кнопке.

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

введите описание изображения здесь

Я хочу уменьшить кнопку примерно до 50% от текущего размера, сохранив при этом круглую форму. Ценю любую помощь в этом. Спасибо.

Answer 1

Детали, которые вы даете, не совсем удовлетворительны. Попробуйте изменить свойства width и height на более низкие значения. Если это не помогает, вы можете использовать transform: scale(.5);, но это более чем неоптимально.

Если вы используете font-awesome (как предполагает префикс fa), измените font-size. сделай трюк.

Answer 2

Попробуйте изменить

 height: 100px;
 width: 100px;

Поскольку высота и ширина обычно являются параметрами, определяющими размер ваших html элементов.

Вы уже установили радиус границы на

border-radius : 50%;

Таким образом, это будет применяться независимо от размера вашего элемента.