У меня есть вход, который установлен на 50% высоты его родителя, но я не могу получить размер шрифта для соответствия. Я надеялся, что что-то вроде font-size: 100% сработает, но это не так. Мне не нужно, чтобы размер шрифта был точно равен 100% высоты ввода. Я просто хочу, чтобы размер шрифта был пропорционален высоте ввода.
Идеальным решением для меня было бы определение размера шрифта с помощью ввода или высота родительского элемента. Есть ли какой-то трюк для достижения этого? Я посмотрел на каждую единицу, и все, кажется, относительно размера области просмотра или других размеров шрифта
Моя попытка:
.input {
height: 50%;
width: 100%;
background: white;
font-size: 100%; //<- doesn't work - if I inspect input's height and put its actual px value here it will match but it is obviously not dynamic as I have to manually check px value
border: none;
outline: none;
}
Что у меня есть : 
Что я пытаюсь получить: 