Как изменить позицию div на другой div при изменении размера

Question

Сценарий:

• У меня есть два div.
  Один div - это заголовок, а другой - форма.
• Но когда я изменяю его размер на каком-то экране мобильного, это не правильно.

Todo:

• Я хочу, когда я изменяю размеры на некотором поле экрана, оставляем заголовок div и форму div.
  Это означает, что при изменении размера поляслева от заголовка в соответствии с полем оставил форму div.

Как это исправить?

Answer 1

Я надеюсь, что я понимаю это правильно.Насколько я понимаю, вы надеетесь разместить заголовок над формой при просмотре на экране мобильного телефона.Это легко сделать с помощью медиа-запросов.Увидеть ниже. W3Schools |Медиа-запросы

<div id="div1"></div>
<div id="div2"></div>

@media only screen and (max-width: 600px) {
     .div1 {
        display: block;
     }

     .div 2 {
        display: block;    
     }
}

.div1 {
   display: inline-block;
   width: 40%;
}

.div 2 {
   display: inline-block;
   width: 40%;
}

Медиа-запросы являются мощными, потому что вы можете использовать их для динамической фильтрации методов стилизации, таких как установка приведенных выше элементов div для отображения в виде блока.(Заполняет всю ширину своего контейнера) вместо того, чтобы размещаться на той же строке, что и другой блок, и занимать только 40% его контейнера.При необходимости, отправьте разметку на рассмотрение.