gpt4 book ai didi

javascript - 我如何 "spoof"小 iframe 的宽度,以便内容显示为桌面而不是跟随移动媒体查询?

转载 作者:行者123 更新时间:2023-11-30 15:18:17 27 4
gpt4 key购买 nike

Here我在一个小的(539 像素宽)iframe 中显示一个网站预览,这样它就好像出现在笔记本电脑图像的屏幕上。如您所见,iframe 内的网站检测到视口(viewport)宽度小于 768px,并使用移动媒体查询进行显示。我如何“欺骗”iframe,使其认为它的宽度为 1440 像素,以便它像桌面预览一样显示?

最佳答案

打开更好的答案,但我通过在 HTML 和 CSS 中将 iframe 的宽度设置为 1440px(高度设置为 902px)解决了这个问题,然后使用 CSS transform: scale(0.3743); 结合 transform-origin: top left;,所以从技术上讲,iframe 1440 像素宽,但已按比例缩小。将不得不看看这在跨浏览器兼容性方面的表现如何。

关于javascript - 我如何 "spoof"小 iframe 的宽度,以便内容显示为桌面而不是跟随移动媒体查询?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44165081/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com