Резиновая ширина комментариев вконтакте и facebook

Резиновая ширина комментариев вконтакте и facebook

Очень популярно стало устанавливать к себе на сайт виджеты комментирования от Вконтакте и Facebook. Мой сайт не исключение - я пользуюсь виджетом от вк.

Но большинство сайтов резиновые, а сейчас более популярные - адаптивные дизайны. Как сделать формы комментирования вк и фейсбук тоже резиновыми? Выход есть!

Идем в файл с нашими стилями и добавляем незатейливый код:

#vk_comments,
#vk_comments iframe {
    width: 100% !important;
}

Теперь виджет комментирования вконтакте адаптируется под ширину родительского контейнера. Проделаем тоже самое с виджетом комментирования фейсбука:

.fb-comments,
.fb-comments span,
.fb-comments iframe {
    width: 100% !important;
}
27.03.17
Для просмотра сайта обновите браузер.