1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

Страница на html. Таблицы вылазят за пределы моб верстки.

Тема в разделе "Web Coding", создана пользователем wwizard, 17 окт 2018.

Статус темы:
Закрыта.
Модераторы: latteo
  1. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    521
    Симпатии:
    14
    Будем надеятся что раздел я выбрал правильно. На данной странице, я разместил табличные данные .На компьютере, красиво, а вот с телефона ужас. И вот как в мобильной версии поправить, я не знаю.
     
  2. pautina

    pautina Постоялец

    Регистр.:
    15 фев 2010
    Сообщения:
    110
    Симпатии:
    35
    Посмотрел я быстрым взглядом, там не получится у вас без применения адаптивного дизайна изменить ширину таблицы и ширину столбцов.
     
    wwizard нравится это.
  3. Black#FFFFFF

    Black#FFFFFF

    Регистр.:
    19 июл 2007
    Сообщения:
    207
    Симпатии:
    134
    попробуйте display: flex + div. можно создать наподобие таблицы. или вариант два: в адаптивной верстке через !important указать для тегов table, tbody, tr, td{ display: block!important; width: 100%!important; position: relative; } thead th скрываем: thead, th{display: none!important; } границы между ячейками тоже скрываем. а border: вставляем через ::after псевдоэлемент позиционируя его абсолютно.
     
  4. Ambleranona

    Ambleranona Создатель

    Регистр.:
    24 окт 2018
    Сообщения:
    26
    Симпатии:
    6
    Для этого существует CSS @media(max-width: ***px){}.
    Вместо * вставляете разрешение экрана мобильного телефона.
     
  5. dpmdpm

    dpmdpm Писатель

    Регистр.:
    19 май 2016
    Сообщения:
    9
    Симпатии:
    0
    придется скрывать какието данные (и/или уменьшать шрифт) на мобильной версии
     
  6. secilius

    secilius Создатель

    Регистр.:
    1 фев 2014
    Сообщения:
    23
    Симпатии:
    17
    всё зависит от количества колонок.
    если не много то через медиа запросы задать разные стили на разных разрешениях
     
  7. dranoc

    dranoc Писатель

    Регистр.:
    19 дек 2018
    Сообщения:
    4
    Симпатии:
    0
    Медиа запросами уменьшить размер, не?
     
  8. Dimanf

    Dimanf Постоялец

    Регистр.:
    27 фев 2010
    Сообщения:
    106
    Симпатии:
    14
    на крайний случай, можно через @media скрыть таблицу и на её месте вывести картинку или другую таблицу
     
  9. bamb00k

    bamb00k Писатель

    Регистр.:
    9 ноя 2018
    Сообщения:
    4
    Симпатии:
    2
    sanni55 нравится это.
  10. deathsoul

    deathsoul Создатель

    Регистр.:
    26 ноя 2015
    Сообщения:
    31
    Симпатии:
    1
    По хорошему, отедльные стили с использованием @media для мобильных, которые уменьшат все, что только можно до приемлимых размеров и на худой конец, процентное соотношение ширины. Иначе... Не бывает адаптивных таблиц, вы же не можете пенести ячейку из строки №3 ниже при просмотре на моб. т.к. там находиться строка №4. Так что через отдельный стиль под моб. версию + резиновая ширина, либо не делать таблицы.
     
Статус темы:
Закрыта.