0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1139 Просмотров
*

kunsaid

  • Захожу иногда
  • 138
  • 0 / 0
Здравствуйте друзья!

Есть таблица на сайте https://spec-nout.ru/prices (прайс-лист). Подскажите, как она реализована? т.е. при изменении размера экрана она полностью адаптивна под него (responsive). Я через FireBug не смог разобраться и найти ее. Кто сможет, подскажите, буду признателен.
*

effrit

  • Легенда
  • 10127
  • 1114 / 13
  • effrit.com
Re: Как реализованна таблица?
« Ответ #1 : 26.02.2018, 20:51:40 »
здра.
в чем именно вы не разобрались?
там 1 строка за респонсивность отвчечает
table{width: 100% !important;}
а остальное - это тупо смена размера шрифта при изменении размера экрана.
прочитайте, как css media оформлять.
*

kunsaid

  • Захожу иногда
  • 138
  • 0 / 0
Re: Как реализованна таблица?
« Ответ #2 : 26.02.2018, 21:10:58 »
table{width: 100% !important;}
Скажите пожалуйста, а как Вы эту строку нашли? Я через FireBug ее найти не смог.
*

effrit

  • Легенда
  • 10127
  • 1114 / 13
  • effrit.com
Re: Как реализованна таблица?
« Ответ #3 : 26.02.2018, 21:16:04 »
ну так вам же таблица нужна (table) - открываете спойлер, выбираете файербагом ячейку и выше поднимаетесь до тега <table>
получите вот это правило, внутри которого и будет ширина 100%
.main__block .price__block table {
*

kunsaid

  • Захожу иногда
  • 138
  • 0 / 0
Re: Как реализованна таблица?
« Ответ #4 : 26.02.2018, 21:21:09 »
Нашел, спасибо за помощь! Буду пробовать теперь у себя такое сделать :)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться