更改Facebook“赞"按钮的大小 [英] change the size of Facebook Like button

问题描述

我使用以下代码获取Facebook的赞"按钮.现在的事情是，我想更改渲染的赞"按钮的大小. 我尝试了宽度属性，这根本不起作用.而且我尝试覆盖Facebook用于以下代码的CSS类.但是，覆盖CSS类也无法正常工作. 因此，告诉我如何增加赞"按钮的高度和宽度.

I used the below code to get the Like button of Facebook. Now the things is, I would like to change the size of the Like button that is rendered. I tried the width attribute which not not working at all. And I tried to override the CSS class that's used for the below code by facebook. But overriding the CSS class is also not working as well. So tell me how can I increase the height and width of the Like button.

<div class="fb-like" data-href="http://www.xxxxx.com" data-send="true" data-width="450" data-show-faces="true"></div>

推荐答案

或者您可以使用CSS定位iframe并使用CSS3对其进行缩放.像这样:

Or you could target the iframe with CSS and scale it by using CSS3. Something like this:

#fbiframe
{
transform: scale(1.5);
-ms-transform: scale(1.5); 
-webkit-transform: scale(1.5); 
-o-transform: scale(1.5); 
-moz-transform: scale(1.5); 
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
}

以下是示例 http://www.tinydesign.co.uk/like/

这篇关于更改Facebook“赞"按钮的大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！