【发布时间】：2017-08-02 04:27:17
【问题描述】：
我正在 iframe 中加载远程内容。由于 iframe 宽度小于 html 文档的全宽，因此会显示网站的移动视图。有没有办法强制桌面视图？例如。通过“欺骗”远程站点的 CSS 使其认为 iframe 的宽度更大？
【问题讨论】：
标签： html css iframe responsive-design responsive
【发布时间】：2017-08-02 04:27:17
【问题描述】：
我认为您需要的就是这里的请求：
How can I scale the content of an iframe?
在 Ixs 的 cmets 中，答案是带有示例的链接：
http://jsfiddle.net/dirkk0/EEgTx/show/
您需要做的是更改 iframe 内页面的缩放以欺骗媒体查询，因此想法是具有 0.8 缩放的 1000px 宽度 iframe 将触发 ~1200px 媒体查询。您将值更改为您需要的值。
【讨论】：
在 iframe 中使用缩放和翻译：
不幸的是，似乎没有一种简单的方法可以将 iframe 标记设置为桌面视图，但是您可以使用缩放和翻译在 iframe 中如下所示在网页的一部分中获得 URL 的桌面视图。
<div style="width:300px;height: 220px;direction: rtl;background-color:red;">
<iframe src="https://iransitemap.ir" style="transform: scale(0.28,0.28) translate(1258px,-865px);width: 1000px;height: 700px;border-radius: 50px;" ></iframe>
</div>【讨论】：