调整/缩放Facebook之类的按钮(高度和宽度) [英] Resize/scale facebook like button (height and width)

问题描述

我找不到任何地方(如果可能)如何调整整个按钮的大小(不是iframe或容器，而是按钮本身包含文字和其他内容).

I couldn't find anywhere (if it's possible) how to resize the whole like button (not it's iframe or the container, but the button itself with the writing and everything).

Google+提供了+1按钮的多个版本，最小版本为15px.

Google+ offers several versions of it's +1 button, the smallest being 15px.

出于设计目的，我需要更改(缩放)类似于FB的按钮的大小以匹配网站的布局(在这种情况下，请缩小为15像素).

For design purposes I need to change (scale) the size of the FB like button to match the layout of the site (in this particular case... scale down to 15px).

(允许根据FB条款和条件进行缩放.)

(according to FB terms and conditions scaling is permitted.)

推荐答案

尽管您没有说iframe，但如果使用CSS3缩放iframe，则会增加按钮的大小.最好给iframe一个ID或类，但是如果它是页面上唯一的iframe，则类似的方法将起作用:

Although you say not the iframe, if you do scale the iframe with CSS3 it will increase the size of the button. It would probably be best to give the iframe a ID or class but something like this would work if it was the only iframe on the page:

iframe
{
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屋！