Как мне сделать мой плагин страницы Facebook отзывчивым - PullRequest
Новая
       50

Как мне сделать мой плагин страницы Facebook отзывчивым

0 голосов
/ 07 сентября 2018

Я хочу, чтобы мой встроенный плагин Facebook реагировал на ширину экрана.

Используемый мной плагин с этого сайта , и я установил флажок "Адаптироваться к ширине контейнера плагина".

В настоящее время мой плагин не отвечает.

HTML: 

<div class="socialDivContainer">

<div class="fb-page" data-href="https://www.facebook.com/flatworlddigital/" 
data-tabs="timeline" data-width="500" data-small-header="false" data-adapt- 
container-width="true" data-hide-cover="false" data-show-facepile="true"> 

<blockquote cite="https://www.facebook.com/flatworlddigital/" class="fb- 
xfbml-parse-ignore"><a 
href="https://www.facebook.com/flatworlddigital/">FlatworldWorks</a> 

</blockquote></div>

</div>

CSS: 

.socialDivContainer {
    margin: 0px 0 0 0;
    text-align: center;
    max-width: 500px;
 }

.socialDivContainer div {
    display: inline-block;
    margin: 0;
    padding: 60px;
    margin: auto;
    max-width: 500px;
}

1 Ответ

0 голосов
/ 07 сентября 2018

Попробуйте удалить data-width="500", так как он устанавливает плагин на статическую ширину. Не имеет смысла использовать этот параметр в сочетании с атрибутом responseive. Я просто попытался создать код без этого параметра, и он работает для меня.

...