San*_*ago 1 html5 width facebook-comments
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>
盒子总是呈现300px宽度.
Facebook评论本身有什么问题吗？因为几天前一切正常.
谢谢阅读!
Vai*_*wal 11
Facebook评论生成内联样式已更改,以下CSS似乎覆盖内联SPAN CSS让我发表Facebook评论流体宽度
.fb-comments, .fb-comments span[style], .fb-comments iframe[style] {width: 100% !important;}
我希望这适合你.