При верстке адаптивных (резиновых) сайтов web-мастер часто сталкивается с проблемой адаптации виджетов ВКонтакте. Все они используют фиксированную ширину, что является не приемлемым. Мы подскажем, как решить проблему.- адаптивный виджет вконтакте.
Для адаптации виджета сообщества (группы)
1. Добавляем в css:
|
1 2 3 4 |
#vk_groups, #vk_groups iframe { width: 100% !important; } |
2. Добавляем в скрипт вместо фиксированной ширины width: “auto”
Для адаптации виджета комментариев
1. Добавляем в css:
|
1 2 3 4 |
#vk_comments, #vk_comments iframe { width: 100% !important; } |
2. Добавляем в скрипт вместо фиксированной ширины width: “auto”
Для адаптации виджета опрос
1. Добавляем в css:
|
1 2 3 4 |
#vk_poll, #vk_poll iframe { width: 100% !important; } |
2. Добавляем в скрипт вместо фиксированной ширины width: “auto”
Можете смело проверять адаптивные виджеты ВКонтакте (сообщества, комментарии, опрос) теперь будут тянуться во всю ширину. Тестировал лично, работает на ура.
Залишити відповідь