Ответственный div height - Bootstrap

Может ли кто-нибудь помочь мне узнать, что я делаю неправильно, пожалуйста? Нажмите на ссылку, чтобы просмотреть веб-сайт с проблемой пожалуйста - click here Ответственный div height - Bootstrap

Я не могу сделать зеленую коробку отзывчивой по высоте. Он масштабируется по ширине, но высота остается неизменной. Я бы хотел, чтобы он был изменен вместе, чтобы зеленый прямоугольник изменялся в зависимости от высоты и ширины одновременно и вписывался в экран.

Любая помощь будет оценена, так как я действительно не знаю, что может быть, возможно, неправильно там.

Спасибо

источник

2016-11-16 Pinky_P

Высота также получение регулируется в соответствии с шириной экрана. Пробовал страницу на устройстве, поскольку она отзывчива. –

Hi Nitesh, Спасибо за ваш ответ! Когда вы открываете его на мобильном телефоне или планшете, он реагирует. Однако, что хочет клиент, не нужно прокручивать вниз, чтобы увидеть полную контактную форму, когда вы открываете ее на другом экране ноутбука/рабочего стола, позиция «исправлена», а зеленый квадрат изменяется с помощью экрана, чтобы он соответствовал экрану (если это имеет смысл?) На данный момент вам нужно немного прокрутить список, чтобы увидеть зеленую коробку с контактной формой. –

Прошу прощения, но мне не нужно прокручивать вниз, чтобы просмотреть контактную форму. Однако вы можете попытаться минимизировать заполнение 140px, которое находится в верхней части страницы. –

Вы можете попробовать установить высоту авто/100%.

или

Это не может быть то, что вы ищете, но у меня была аналогичная проблема, и медиа-запросы помогли мне решить.

Вы устанавливаете минимальную ширину и в зависимости от того, что вы устанавливаете для вершины div.

@media only screen and (min-width: 768px) { 
     .loginbox 
     { 
      height: 120px;/height: 50%; 
     } 
    }

Вы можете обратиться к w3schools для СМИ запросов

Media Queries

источник

2016-11-16 12:44:51

Ответственный div height - Bootstrap

ответ

Смежные вопросы