Какие медиазапросы можно использовать чтобы контент полностью поместился на экран мобильного в данном случае?

Question

[Дмитрий]

Доброго дня. Честно признаюсь удивился произошедшему. Ничего сверхестественного не использовал. Tailwind стили, flexbox туда/сюда.
Одна страница с достаточно широкой страницей, ее я и не расчитывал уложить на портретный режим мобильника.
Таблица прилично вылазит за основной "экран".
Но отчасти случайно (черт как правильно то сказать) сзумил) экран... и он отмасштабировался, да так, что чисто теоретически таблица могла бы и поместиться даже в портрете. Извините за сумбур, но как правильно это все описать не соображу.
Иными словами как такое явление называется и что можно было бы в таком случае сделать?
Попробую прикрепить картинки.
Выглядит так и оверскрол вправо приличный.


А вот после "зума"

Серый фон это основа. А получается, что и все влезть могло бы, вполне читаемо. Только вот как?
Может повторюсь... использовал tailwind

Остальные страницы такой "магией" не обладают и четко по серому фону встают.

Comments

[Ankhena]

Судя по шапке таблицы, уменьшать шрифт там некуда и когда она заполнится, то тоже не влезет.
Поэтому, делают скролл только для таблицы.
Можно добавить sticky для первого столбца.

Либо на мобилках менять display на флекс или грид и выстраивать ячейки внутри строки как-то по-другому.
Например, на первой слоит, имя и статус. Остальное ниже.

[Дмитрий]

Ankhena, спасибо за комментарий. таблицу то сделать флексовой не проблема в принципе, вопрос был несколько иной. Видимо все же некорректно сформулировал после ночных бдений.
Имел ввиду как изначально задать размеры body/hrml именно под такой зум)
я так поразмыслил, что это вроде как масшбат просто уменьшается. а-ля initial-view становится не 1.
установлю какие-нибудь инструменты чтобы отследить, что меняется.
Задачи то сделать на портрет таблицу вроде как и не было. теперь просто спортивный интерес)

[Ankhena]

Дмитрий, это слишком костыль.