@il14

Как сократить таблицу для мобильных устройств в HTML?

Здравствуйте. Если коротко, то пишу сайт, на котором есть таблица, что-то вроде каталога, с картинками, надо как-то оптимизировать его под смартфоны. Таблица на семь ячеек. Если ее сокращать, то на компьютере выглядит не очень. Сайт не особо сложный, поэтому использую стандартные CSS-медиазапросы, то есть использую вот такую вставку в CSS:
@media only screen and (min-width : 320px) and (max-width : 480px) { . . . }

Все бы хорошо, но СSS позволяет настраивать только оформление (размер шрифта и картинок), а здесь получается нужно менять структуру таблицы. Как это лучше сделать?
Чего я хочу: на компьютере - 7 ячеек, на телефоне - 3 ячейки. Могу переписать таблицу заново именно для мобильных. Но как это сделать?
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ответы на вопрос 1
firedragon
@firedragon
Senior .NET developer
Потаскайте область просмотра, увидите как схлопываются столбцы
https://jsfiddle.net/vkorotenko/juor6waq/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы