как разместить широкий стол на мобильном телефоне с помощью CSS

Привет,

Как разместить широкие столы на маленьких мобильных экранах?

У меня есть идея поместить таблицу внутри DIV, который имеет фиксированную максимальную ширину и свойство прокрутки переполнения.

Проблема в том, что некоторые мобильные экраны шире, а некоторые слишком малы, поэтому не знаю, как использовать фиксированную ширину.

Я думаю примерно так:

CSS: .scrollingTable{ ширина: 100% максимальная ширина: 600 пикселей; переполнение: прокрутка; } HTML: <таблица> <тр> Имя возраст должность зарплата xyz 25 клерк 10 000 и так далее Какой CSS подойдет для этого?

Это ПРАВИЛЬНАЯ семантическая разметка корзины покупок. Любой придурок, утверждающий вам обратное, — это ваша выдумка. Зачем еще кому-то это использовать? Или ты веришь, что этот придурок, получирикающий носом, идиотский? ЛОЖЬ о «больше не используйте таблицы», извергаемые людьми, которые чертовски разбираются в HTML?

Когда я заменял , упомянутые вами вещи не были обычной практикой. Старые браузеры тогда не распознавали display:flex или flex-wrap:wrap. Мне уже слишком поздно пробовать эти вещи. Все работает так, как есть, не нужно возвращаться.

Знаете ли вы, что можно установить display:flex и flex-wrap:wrap для TR, а затем микроуправлять размерами TH и TD, чтобы разбить его на несколько строк? Или установите TR, TH и TD на displaylock, а затем делайте с ними все, что хотите, по-старому, как это делают идиотские мусорщики, в качестве альтернативы, злоупотребляя списками или, что еще хуже, бесконечным бессмысленным DIV просто так?

Вам не нравится внешний вид HTML-тегов по умолчанию, помните, что то, как все выглядит, в первую очередь НЕ касается HTML.

Не нравится, меняй.

Для этого и нужен CSS.