Как адаптировать ширину инпутов стоящих несколько в одной строке?

Question

[Иван Антонов]

Есть форма


Вся эта полоска должна быть в одну строку, это не трудно сделать добавив
white-space: nowrap;
Но если изменять размер окна, то она никак не изменяется и элементы улетают за пределы экрана.

Возможно ли элементы (селекты, инпуты и т.д.) сделать резиновыми, что бы они адаптировались под размер окна?

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/mvuuwmw6/

Answer 2

[Aleksandr]

Используйте flexbox

Answer 3

[Mr Crabbz]

эм, ну так то width: такой то в %. И дальше уже через @ media менять их кол-во в строке в зависимости от ширины экрана (увеличивая или уменьшая ширину инпутов).

Answer 4

[Алексей]

Если настолько критично то задайте ширину в % от родителя. Но как мне кажеться данная верстка только для ПК и в 1024px она войдет вполне нормально, для телефонов и планшетов я бы сделал построчно инпуты завязав все на сетку.