Как сделать адаптивными комментарии Вконтакте

Недавно обнаружил, что на моих сайтах стоят неадаптивные виджеты. Как сделать так чтобы комментарии вконтакте растягивались по всему экрану?

Вконтакте комментарии занимают всю ширину экрана

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

Какие только варианты не приходили в голову 🙂 . В том числе мерять ширину контейнера в котором они находятся и передавать в качестве переменных. Также, я думал, что можно задать некую maxWidth 🙂 — как видите, всё оказалось гораздо проще — убираем все параметры и вуаля.

Как вызвать свою функцию в виджете комментариев Вконтакте

И чтобы статья не казалась такой уж маленькой, давайте я вам сразу расскажу про вызов своей функции. Что самое смешное, в тех поддержке мне сказали что это невозможно 🙂 . Самый простой ответ наверное.
Итак:

Если я ничего не напутал, при добавление комментария у нас должно записываться их число в

И как всегда, это лишь пример, на самом деле всё ограничивается лишь вашей фантазией 🙂 .

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

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.com/dmitriy/.

Какие услуги предоставляю:
- Создание сайтов, шаблонов и компонентов на 1С-Битрикс;
- Разработка функционала с нуля и доработка кода на уже созданных проектах;
- Адаптивная вёрстка макетов и натяжка на Битрикс;
- Парсинг файлов и выгрузка на сайт (форматы - CSV, XML, XLSX, JSON)
- Интеграции со сторонними сервисами по API;
- Многоязычные версии и многое другое.

Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом или оставьте комментарий внизу.
E-mail: dmitriyribka@gmail.com
Skype: cinemacreaterus

2 комментария

  1. Большое спасибо, Дмитрий!
    Испробовала все способы из инета. Оказалось, все просто!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *