Here我正在一个小的(539像素宽)iframe中显示一个网站预览,以便它出现在笔记本电脑图像的屏幕上。如您所见,iframe内的网站正在检测到视口宽度小于768px,并且正在使用移动媒体查询进行显示。如何“欺骗” iframe以使其具有1440px的宽度,使其像桌面预览一样显示?
最佳答案
可以寻求更好的答案,但是我通过在HTML和CSS中将iframe的宽度设置为1440px(高度为902px)来解决它,然后将CSS transform: scale(0.3743);
与transform-origin: top left;
结合使用,因此从技术上讲,iframe为1440px宽,但已按比例缩小。将必须看到这在跨浏览器兼容性方面的立场。