Есть некая форма:
<div class="col-xs-12 col-md-6">
<form action="" method="get" class="">
<h4></h4>
<input type="text"> <br>
<input type="email">
<textarea name="message"></textarea>
<button></button>
</form>
</div>
Есть прописанные стили:
.col-xs-12 {
width: 100%;
}
@media(min-width: 1000px) {
.col-md-6 {
width: 50%;
}
}
При масштабировании окна браузера все работает как надо, при ширине меньше 1000рх блок растягивается на всю ширину, если меньше 1000 - занимает 50%.
Но в режиме адаптивного дизайна firefox он продолжает занимать 100% ширины и при 1024, и при 1280 пикселей у устройства. Срабатывает только на 1366.
viewport по советам из интернетов прописан такой:
<meta name="viewport" content="width=device-width; initial-scale=1">
Простой
