IFRAME - 如何强制桌面查看?

时间:2017-03-11 23:25:31

标签: html css iframe responsive-design responsive

我在iframe中加载远程内容。由于iframe宽度小于html doc的整个宽度,因此会显示该站点的移动视图。有没有办法强制桌面视图?例如。通过"愚弄"认为iframe的宽度更大的远程网站的CSS?

2 个答案:

答案 0 :(得分:0)

我认为你需要的是像这里要求的东西:
How can I scale the content of an iframe?

Ixs 的评论中,答案是带有示例的链接:
http://jsfiddle.net/dirkk0/EEgTx/show/

您需要做的是更改iframe内页面的缩放以欺骗媒体查询,因此我们的想法是缩放1000px的{​​{1}}宽度iframe会触发{{ 1}媒体查询。您可以将值更改为您需要的值。

答案 1 :(得分:0)

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