Question

我有模态，在页面加载几秒钟后显示。

模态的内容是facebook页面

访问here以查看模式。（等待3-4秒）

我希望按照屏幕

自动缩放模态

My Modal CSS： -

 <style type="text/css">
.fb_self{
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
padding: 5px;
}
.fbhide{
display:none;
}
.fbshow{
            position: fixed;
            color: #000000;
            background-color: #ffffff;
            /* To align popup window at the center of screen*/
                top: 75;
            left: 50%;

            margin-left: -170px;

}


</style>

我的模态HTML：

<div id="fbmy_div" class="fbhide">
<div class="fbmy_div">
<div class="fb_self">
<div class="fb-page" data-href="https://www.facebook.com/baidtransports/" data-tabs="timeline,messages" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" >
<blockquote cite="https://www.facebook.com/baidtransports/" class="fb-xfbml-parse-ignore">
<a href="https://www.facebook.com/baidtransports/">Baid Transport Company</a>
</blockquote></div>
</br></br><center>
<span class="btn btn-primary btn-xl page-scroll" onclick="fbfunccl()">Close</span></center>.
</div></div></div>

我希望Facebook模式能够自动缩放并适合屏幕。

如何自动缩放模型

0 个答案: