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



在这里,我在一个小(539px宽(iframe内显示网站预览,使其看起来像在笔记本电脑图像的屏幕上。如您所见,iframe 内的网站检测到视口宽度小于 768px,并使用移动媒体查询显示。我如何"欺骗"iframe,使其认为它的宽度为1440px,因此它会像桌面预览一样显示?

打开以获得更好的答案,但我通过在 HTML 和 CSS 中将 iframe 的宽度设置为 1440px(高度设置为 902px(来解决它,然后将 CSS transform: scale(0.3743);transform-origin: top left; 结合使用,因此从技术上讲,iframe 的宽度为 1440px,但已缩小。将不得不看看这在跨浏览器兼容性方面的情况。

最新更新