Как установить фиксированную минимальную ширину для контейнера и игнорировать небольшие точки останова в начальной загру ⇐ CSS

[Anonymous]

Я пытаюсь установить фиксированную минимальную ширину для контейнера и игнорировать небольшие размеры (

Код: Выделить всё

sm,xs). Короче говоря, когда размер экрана меньше 960 пикселей,

ширина должна быть фиксирована и просто отображать прокрутку.
Код в моем случае:

Код: Выделить всё

1
2
3
4

результат:
когда LG:
[img]https: //i.sstatic.net/8M3GtAgT.png[/img]

когда md
[img]https: //i.sstatic.net/xVFQ5PJi.png[/img]

А когда ширина экрана меньше 960 пикселей sm & xs точки останова не игнорируются даже хотя прокрутка отображается.

Мне нужна фиксированная ширина, если размер экрана меньше 960 пикселей.
грубое изображение:


Как решить этот вопрос?
#Edit
Не знаю, почему отрицательный рейтинг? Я хочу объяснить, почему мне нужно это решение: в моем проекте два представления: представление для настольных компьютеров и представление для мобильных устройств. Каждый раз, когда клиент делает запрос, обнаруживается тип клиентского устройства. Если настольный компьютер возвращает данные с помощью представлений на рабочем столе или мобильного устройства, а также на мобильном устройстве. Поэтому я просто хочу зафиксировать минимальную ширину на настольных устройствах и игнорировать все небольшие точки останова, и наоборот, на мобильных устройствах использовать только небольшие точки останова и игнорировать все большие размеры. Для своей задачи я выбираю bootstrap 5. Я пока не знаю ответа на этот вопрос.
codesandbox

Подробнее здесь: https://stackoverflow.com/questions/784 ... oints-on-b