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

我正在一个特定的网站，我在后端工作预览工作

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

这是iframe。 问题是在选项卡视图而不是桌面视图中加载网站。使用当前可用宽度，我想在桌面视图中加载网站。 使用宽度进行操作可以完成此任务，但iframe也会退出浏览器窗口。

---

我该怎么做呢？

这就是我得到解决方案的原因

<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>

.preview\u wrap{
宽度：100%；
高度：800px；
填充：0；
溢出：隐藏；
}
.框架包装{
宽度：1280px；
高度：786px；
边界：0；
-ms变换：标度（0.75）；
-moz变换：比例（0.75）；
-o变换：标度（0.75）；
-webkit变换：比例（0.75）；
变换：比例（0.75）；
-ms变换原点：0；
-moz变换原点：0；
-o变换原点：0；
-webkit转换原点：0；
变换原点：0；
}

如果要从要显示iframe的同一域加载框架内容，请查看以下内容。我正在使用它，它工作得非常好……你可能想看看这个：@BabakT：问题在于当我将宽度更改为1280px时。框架从指定的容器中取出。容器的宽度是960px。我从你的问题中了解到了你的观点，试着缩小内容大小，这样你就可以在较小的宽度大小中获得预期的内容（桌面视图），这将适合你有限的960px大小。