当前位置：文江博客话题详情

调整大小/缩放类似 Facebook 的按钮（高度和宽度）

发布于 2024-12-23 13:48:26 字数 211 浏览 1 评论 0原文

我找不到任何地方（如果可能的话）如何调整整个类似按钮的大小（不是 iframe 或容器，而是按钮本身以及文字和所有内容）。

Google+ 提供了多个版本的 +1 按钮，最小的为 15 像素。

出于设计目的，我需要更改（缩放）类似 FB 的按钮的大小以匹配网站的布局（在这种特殊情况下......缩小到 15px）。

（根据 FB 条款和条件，允许缩放。）

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

默嘫て 2024-12-30 13:48:26

虽然你说不是 iframe，但如果你使用 CSS3 缩放 iframe，它会增加按钮的大小。最好给 iframe 一个 ID 或类，但如果它是页面上唯一的 iframe，这样的东西就可以工作：

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/

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;
}

Here is an example http://www.tinydesign.co.uk/like/

回复收藏 0 原文

~没有更多了~