Применять адаптивность сайта только один раз

[Alexbelkevich]

Добрый день. Подскажите, как решить подобную задачу.
Есть сайт. На бутстрапе. Надо сделать так, что зашел, например, пользователь с шириной браузера 1200, контейнер должен зафиксироваться автоматически как 1200, и если клиент будет сужать размер браузера - просто должен появиться скролл.
Я делаю вот так
$(".container-fluid").css('max-width', $(window).width() + "px");
$(".container-fluid").css('min-width', $(window).width() + "px");

Тот же трюк пытался и с body проделать. Но все равно - изменяю размер браузера - картинка меняется.
Есть ли еще варианты? Даже не знаю, как корректно загуглить..

[Strongman]

Может вот это тебе поможет: https://webref.ru/css/max-width.
Я не понял задачу, ты так описал поведение, как будто это стандартное поведение. Если экран соответствует разрешению, то ничего не появляется. Если кран или окно меньше, появляется полоса прокрутки - стандартное поведение.

[Alexbelkevich]

тут дело не в CSS)
Поведение нестандартное.
Вот открыли вы сайт с браузера с шириной в 1000px. Если вы будете ужимать браузер - должен появляться просто скрол. То есть меньше или больше уже не может становиться страница. Если при 700px, то страница не может быть больше/меньше 700.

[Strongman]

Не понял задачу. Вот у меня разрешение, например, 800 по горизонтали. Браузер загружает туда страницу. Он развернут на весь экран. Чтобы уменьшить я нажимаю окошечки. Уменьшается размер и сразу появляется горизонтальный скролл. Я могу менять размер по горизонтали, но сама страница не меняется при этом. Я не понимаю вашу задачу, что Вы хотите от браузера?
Вот наковырял: чтобы определить ширину окна браузера нужно обратиться к свойству
document.body.clientWidth.

[allasan]

$(".container-fluid").css('max-width', $(window).width() + "px");
$(".container-fluid").css('min-width', $(window).width() + "px");

не понимаю зачем здесь указана максимальная и минимальная ширина? может лучше просто вот так?

$(".container-fluid").css({'width', document.body.clientWidth + 'px'});