Question

我有一个与Facebook评论框（社交插件）集成的页面，它在桌面浏览器中完美运行，但是当我使用iPhone浏览页面时，它无法正常工作，Facebook“加载”继续显示，评论框没有显示出来。

我也厌倦了以下事情：

使用Android手机浏览同一页面，确定
使用iphone第三方浏览器浏览同一页面（我使用QR码扫描仪浏览器），确定
使用iphone safari浏览同一页面，不行

我在1月的facebook上发现了这个错误报告，但没有回复：https://developers.facebook.com/bugs/171818679588280?browse=search_4f26fb988bf8d0c61735624

有人对此有所了解吗？非常感谢！

Answer 1

注释插件没有iframe代码 - html5代码可以正常工作，但它没有为iphone调整大小，这会导致很多布局问题。我使用了iphone大小的条件css :(你必须将代码用“facebook-wrap”类包装在div中）

@media screen and (max-width: 460px) { 
.facebook-wrap iframe {
width:300px!important;
left:0!important;
position:relative!important;
max-width:100%;
}
.comments_wrap.section{padding:0}

Answer 2

使用“iframe”代码而不是javascript

Facebook评论框无法在iPhone / Safari中使用

2 个答案: