Как подстроить input под экран телефона?
Что вы подразумеваете под размерами? Высоту или ширину или все вместе? Для ширины используйтеinput {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
Тогда у вас всегда будет растягиваться на всю ширину родительского блока.
Можно использовать величины vw и vh - процентное соотношение от размеров ширины или высоты окна браузера.
Пример:.input{
width:50vw;
height:80vh;
}