Facebook комментирует HTML5 Мобайл: 100% жидкость не работает

http://developers.facebook.com/docs/reference/plugins/comments/

Там сказано, что:

Мобильная версия будет автоматически отображаться при обнаружении агента пользователя мобильного устройства. Вы можете отключить это поведение, установив для параметра mobile значение false. Обратите внимание: мобильная версия игнорирует параметр ширины и вместо этого имеет плавную ширину 100%, чтобы хорошо изменить размер в ситуациях переключения портрета / пейзажа. Возможно, вам придется настроить свой CSS для вашего мобильного сайта, чтобы воспользоваться этим поведением. При желании вы все равно можете контролировать ширину с помощью элемента контейнера.

Но когда я захожу на свою страницу на iphone, хотя я вижу "мобильный дизайн" Комментариев Facebook, ширина ячеек - та, которую я установил в коде.

Моя тестовая страница: http://www.santiagosarceda.com/facebook/

Это мой код:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="fb-comments" data-href="http://www.site.com/3953172" data-num-posts="5" data-width="300"></div>
</body>
</html>

Коробка всегда отображается с шириной 300 пикселей.

Есть ли проблема с комментариями в Facebook? Потому что несколько дней назад все работало нормально.

Спасибо за прочтение!

Источник

1 ответ

Решение

Комментарии Facebook генерируют встроенный стиль, который изменился, и следующий CSS, казалось, переопределил встроенный CSS SPAN для меня, чтобы сделать комментарии Facebook Fluid Width

.fb-comments, .fb-comments span[style], .fb-comments iframe[style] {width: 100% !important;}

Я надеюсь, что это работает для вас.

Источник
Другие вопросы по тегам