Question

我正在预览我正在后端工作的特定网站。

<div class="tab-pane" id="preview_site">
                    <iframe id="site_previewer" src="path/to/website" style="width:100%;height:600px;"></iframe>
                </div>

这是iframe。问题是标签视图中的网站加载，而不是桌面视图。使用当前可用宽度，我想在桌面视图中加载网站。使用宽度进行操作可以完成工作，但iframe也会退出浏览器窗口。我怎么能这样做？

Answer 1

这就是我得到解决方案的方法

<div class="tab-pane" id="preview_site">
                    <div class="preview_wrap">
                        <iframe id="site_previewer" class="frame_wrap" src="path/to/website/" ></iframe>
                    </div>
                </div>
<style type="text/css">
    .preview_wrap {
    width: 100%;
    height: 800px;
    padding: 0;
    overflow: hidden;
}
.frame_wrap {
    width: 1280px;
    height: 786px;
    border: 0;
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
</style>

在桌面视图中的iframe中加载网站

1 个答案: