iframe widget facebook时间线响应

时间:2017-09-20 01:58:02

标签: html5 css3

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

什么可以? ,我需要应用属性data-width?

 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>

1 个答案:

答案 0 :(得分:0)

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