我正在通过https://developers.facebook.com/docs/reference/plugins/like/为我的网站生成一个带有Facebook“标准”布局的按钮。我将其宽度设置为200像素,但请注意,将其设置为低于225像素无效,并且该页面上的文档确实指定225px作为标准布局的最小宽度。不幸的是,我需要使它宽200像素,以适应我的网站的设计。有没有办法强迫它进入这个宽度?
(该网站位于http://gwwc2.centreforeffectivealtruism.org/,如果您想玩Firebug,虽然类似按钮是由javascript生成的,因此您可能需要复制该网页并编辑其来源。)
答案 0 :(得分:1)
宽度限制的原因是显示给未登录用户的文本。
你会发现,如果你的 按钮样式缩小低于225px,一些用户会发现你的布局中断了(我试过这个,结果是不好)。
但是,您可以选择不同的按钮样式。
你会得到这个: -
<div class="fb-like" data-href="http://www.example.com" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" data-font="arial"></div>
符合您的宽度要求。使用box_count也可以正常工作。
答案 1 :(得分:0)
在iFrame &width=225
属性中取出src
并且根本不传递任何宽度。在iframe style
属性中,指定css值width:200px;
如果您传递的值小于源网址中的最小值,则Facebook会忽略它,但如果您自定义样式,则iframe本身为该宽度,内容会挤进去。
答案 2 :(得分:0)
创建一个说明iframe { width:200px !important; )
我会使该规则特定于您的Facebook小部件所在的任何DIV或容器。当然,如果你这样做后看起来很糟糕,你可以把它拿出来。但是如果你只是包含一个“喜欢”按钮(没有面孔),它应该可以工作。