Адаптивный виджет VK

Задача:

Как сделать виджет «Вконтакте» адаптивным или растянуть его на всю ширину экрана 100%?


Адаптивный виджет VK

Решение:
<div class="vk_widget">
    <script type="text/javascript" src="//vk.com/js/api/openapi.js?144"></script>
    <!-- VK Widget -->
    <div id="vk_widget">
        <div id="vk_groups"></div>
    </div>
    <script>
        function VK_Widget_Init(){
            document.getElementById('vk_groups').innerHTML = "";
            var vk_width = document.getElementById('vk_widget').clientWidth;
            VK.Widgets.Group("vk_groups", {mode: 0, width: vk_width, height: "241"}, #ВАШ_ID#);
        };
        window.addEventListener('load', VK_Widget_Init, false);
        window.addEventListener('resize', VK_Widget_Init, false);
    </script>
</div>
Изменено: 07 12 2017
Просмотров: 763