Меню
Заказать обратный звонок
Регистрация
Главная страница Создать сайт О сервисе Инструкции Новости
Создать сайт О сервисе Инструкции Тарифы Новости

Адаптация таблиц под мобильные устройства

Выбор рубрикиРедактор → Адаптация таблиц под мобильные устройства

Как адаптировать таблицы под мобильные устройства:

При всех преимуществах таблицы: удобство, простота, интуитивность, у неё есть один небольшой, но недостаток: она не умеет работать с экранами разного размера.
После длительной дрессировки таблиц, мы всё-таки научили их любить и уважать мобильные устройства.
 
Для этого вам всего лишь нужно указать в свойствах таблицы в пункте "адаптировать" один из трёх вариантов:
  • Адаптировать для планшетов (устройства с разрешением по ширине от 740 пикселей до 1020 пикселей)
  • Адаптировать для мобильных (устройств с разрешением по ширине до 740 пикселей)
  • Адаптировать для планшетов и мобильных

Как это работает?

Таблица состоит из строк, в которых находятся так называемые "ячейки", в которых уже и располагается ваш контент.
 
В неадаптированной таблице строка всегда будет строкой, что может вызвать нежелательное сжатие контента внутри неё или "вылезание" строки за края экрана.
 
Адаптированная таблица превращает строки в колонки для определённых устройств, благодаря чему ячейки начинают располагаться вертикально, друг под другом.
 
 
Важно: в случае, если вы адаптируете таблицу с инфографикой, в частности для изображения с подписью, нельзя допускать, чтобы изображение и подпись к нему располагались в разных строках. 
 
Их нужно разместить либо в одной ячейке, либо в соседних ячейках на одной строке. 
Иначе подпись с изображением могут быть разделены другим контентом  
 



Была ли эта статья полезной?
данет

Спасибо, ваша оценка крайне важна для нас

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