响应式 Facebook 评论 CSS Hack Broken [英] Responsive Facebook Comments CSS Hack Broken
本文介绍了响应式 Facebook 评论 CSS Hack Broken的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用:
.fb-comments, .fb-comments span, .fb-comments iframe[style] {宽度:100%!重要;}
使 Facebook 评论在我的网站上具有响应性.就在前几天,这工作得很好,而且很花哨.今天我看看,他们已经改变了他们的代码.有没有可能让它再次工作?
解决方案
这是一个新的纯 CSS 解决方案.为我今天(2014 年 7 月 16 日)正在开展的一个项目执行此操作,并且效果很好.
HTML
查看全文
相关文章
- 响应式 CSS 圆圈;
- CSS hack的操作系统检测(也需要“仅PC" CSS hack);
- css - 响应式图文排列;
- 响应式 CSS @media 查询;
- 响应式 CSS 梯形形状;
- css - 关于bootstrap响应式;
- CSS Checkbox hack如何工作?;
- Mozilla CSS hack for text shadow;
- 带有响应式图像的 2 列 CSS 响应式布局;
- 响应式 css 背景图像;
- 使用 CSS 的响应式图像;
- 响应式图像悬停 - CSS/JQuery;
- 响应式CSS div彼此重叠;
- 响应式A4 CSS代码;
- 响应式设计的CSS断点;
- Facebook评论插件 - 如何排序评论?;
- 在响应式网站上嵌入Facebook帖子;
- 更改/ Hack风格的Facebook“喜欢它”按钮;
- CSS - 如何制作响应式图像;
- 响应式设计css dom元素操作;
- 响应式 css 背景图片;
- Safari浏览器的Css Hack;
- Chrome CSS Hack和媒体查询;
- css checkbox hack 是如何工作的?;
- 如何为 IE 11 编写 CSS hack?;
其他开发最新文章
- 拒绝显示一个框架,因为它将'X-Frame-Options'设置为'sameorigin';
- 什么是" AW"在部分标志属性是什么意思?;
- 在运行npm install命令时获取'npm WARN弃用'警告;
- cmake无法找到openssl;
- 从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
- Twitter :: Error :: Forbidden - 无法验证您的凭据;
- 我什么时候需要一个fb:app_id或者fb:admins?;
- 将.db文件导入R;
- npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
- 拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src'self'”;
CSS
诀窍是
data-width: 100%
和min-width: 100% !important;宽度:100% !important;
I was using:
To make Facebook Comments responsive on my website. This was working fine and dandy just the other day. Today I look and they have changed their code. Is it possible to get this working again?
Here's a new CSS-only solution. Did this for a project I'm working on today (July 16, 2014) and it works beautifully.
HTML
CSS
The trick are
data-width: 100%
andmin-width: 100% !important; width: 100% !important;
这篇关于响应式 Facebook 评论 CSS Hack Broken的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!