css - 将 Facebook Badge(likebox) 调整得更小,溢出的内容区域

标签 css facebook fluid-layout

我正在放置一个 Facebook 徽章,https://www.facebook.com/badges/ ,在我的网站上有一个小问题。一切都很好,除非我缩小浏览器窗口。 整个网站缩小,但当 FB 徽章变小时,会溢出网站的内容区域,不会缩小。 我尝试 Conceal 溢出,这样可以防止它溢出但会切掉部分徽章。

我怎样才能在我的网站上放置一个徽章,并让它变得更小呢? 或者任何其他在网站上放置个人资料(不是粉丝页面)的简单想法。

*我目前正在使用 FB 为您的页面徽章生成的代码 **它发生在手机屏幕大小的小尺寸上,可能是 400

最佳答案

<img部分添加style="max-width:100%"如下...

<img style="max-width:100%" src="https://badge.facebook.com/badge/752661391417624.3596.1521173202.png" style="border: 0px;" />

关于css - 将 Facebook Badge(likebox) 调整得更小,溢出的内容区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21449047/

相关文章:

css - inline-block 流体布局,子内容不会展开父容器

css - 为 css 使用垂直百分比 - 高度 : x%;

javascript - 如何从/通过类名获取所有 CSS 样式属性?如何在样式表中找到一个类?

css - 下拉菜单淡入淡出效果

显示白色背景的 ASP 控件上的 Jquery 单选按钮

ruby - 使用 Koala (Ruby) 收集用户的新闻提要

android - 如何使用 Intent 在 Facebook 上分享文本和图像

html - 将包含背景图像的 Div 设置为宽度 :100% and height:auto causing it to not display

javascript - Facebook 喜欢 CSS 样式

html - 为什么我的导航相对于浏览器的宽度不是 100%