在一个页面嵌入另一个页面，而且还要调整比例大小如何做呢

最新推荐文章于 2024-05-30 16:18:48 发布

原创最新推荐文章于 2024-05-30 16:18:48 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在HTML中利用iframe元素嵌入另一个页面，并通过CSS调整其大小和显示效果，实现无缝融合。

 在html里面嵌入另一个页面，用到框架集iframe ，而且还对它的边框设置为0
 
<div class="main-content-header">
              <%-- 第一个水晶报表--%>
              <div class="main-content-up-left" id=rone >
                  <iframe class="iframe" src="Chart.aspx" width="100%" height="450px;" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>

              </div> 

然后嗯对他的属性定义： 
.iframe {
      height: calc((100% - 20px) * 2.82);
      transform: scale(0.70);//把比例调整为整个div的70%左右
      transform-origin: 0 0;
    }