Почему я не могу увеличить визуальную ширину или высоту , не нарушая при этом его макет? ⇐ Html

[Anonymous]

Я работаю с 

Код: Выделить всё

 , и у меня возникли проблемы с настройкой его размера.
Когда я пытаюсь увеличить высоту, ползунок на самом деле не становится толще, он просто перемещается вниз.

Когда я пытаюсь увеличить ширину, ползунок становится длиннее, а не визуально толще.

Похоже, что это и есть задуманное поведение, но я хочу:

• Чтобы сделать диапазон визуально стал толще.
• Чтобы сделать его визуально шире, не увеличивая длину ползунка.

Я также заметил кое-что странное:

Если я увеличу высоту, на мобильном телефоне я могу нажать под ползунком, и он по-прежнему регистрируется, как будто я нажал непосредственно на него, поэтому Я ДУМАЮ, что хитбокс растет (не уверен, так ли это, или я просто думаю да), но визуальная дорожка - нет.
Заранее спасибо.
Я оставил код здесь:

Код: Выделить всё

#container {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}

/*! Div that has the range in it  */
#container_Controller {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 170px;
}

/*! Here is the range  */
#volumeManager {
transform: rotate(-90deg);
width: 300px;
height: 300px;
}

Код: Выделить всё

Controller





PC Controller


Turn off

Подробнее здесь: https://stackoverflow.com/questions/798 ... ange-witho