html - iframe 小部件 facebook 时间线响应

标签 html css

我有来自 iframe 时间轴的这行 html 代码,我想让这个 iframe 响应,这是我的 css 代码和 iframe 代码,当我在浏览器调整大小时应用代码时,只有一半的 iframe 窗口出现.

可以是什么? ,我需要应用属性数据宽度吗?

 iframe{
        padding-top: 0.5%;
        width: 40%;
        height: 394px;
        border-bottom-right-radius: 12px !important;
        border-bottom-left-radius: 12px !important;
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
    }

     <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FCl%25C3%25ADnica-Materno-Infantil-Casa-Del-Ni%25C3%25B1o-SA-399571326824453%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

最佳答案

我使用了 width: 100% 并创建了 col-md-4 类并完成了。

关于html - iframe 小部件 facebook 时间线响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46312099/

相关文章:

javascript - jQuery 可拖动和滚动不起作用 : mobile devices

HTML 标题属性

javascript - 如何用表格显示 HighCharts

jquery - 在响应式插件上使用 CSS 调整包装器大小

javascript - 删除右边的所有兄弟而不是左边的JQUERY JAVASCRIPT

css - Bootstrap img 高度 : auto property overrides explicit height

html - 需要一些验证错误的帮助

java - 使用 Java 从同一源创建 PDF、HTML 和可选 RTF 文档?

css - 我需要修复我的子菜单栏。它无法正确下拉

javascript - 在 HTML 中使用拖放 jQuery 实现填空