Как подстроить input под экран телефона?

Question

[Helmut König]

Я пробовал искать в гугле и яндексе, но мне все время выдает то как сделать input для ввода номера.
Суть вопроса такова: как мне сделать input под размер экрана телефона

Answer 1

[Вадим Белкин]

Что вы подразумеваете под размерами? Высоту или ширину или все вместе? Для ширины используйте

input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

Тогда у вас всегда будет растягиваться на всю ширину родительского блока.

Comments

[Андрей Б.]

Префиксы уже не нужны

Answer 2

[artem_music]

Можно использовать величины vw и vh - процентное соотношение от размеров ширины или высоты окна браузера.
Пример:

.input{
width:50vw;
height:80vh;
}