Адптивная верстка(@media), можно ли использовать не ширину экрана, а размеры родительского элемента?

Question

[ettaluni]

Доброго дня. Мне нужно сделать адаптивную форму, нативно без плагинов.
Я хотел сделать колонки на подобии что есть в бутстрапе.

@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}

Но форма отдельный элемент, со своим, гораздо меньшим размером. Все элементы должны менять размер относительно нее а не размеров всего окна. Можно ли сделать media относительно тега формы а не screen

Comments

[Ankhena]

media - нет нельзя.

Но width 50% считается от ширины родителя, т.е. вашей формы. А форма уже от окна (или с еще какими-то итерациями, но без разницы сколько итераций)