如何“欺骗”小型iframe的宽度，以使内容显示为桌面，而不是跟随移动媒体查询？
[英]How do I “spoof” the width of a small iframe so that the contents display as desktop instead of following mobile media queries?
问题描述
在这里，我将在一个小的（539像素宽）iframe中显示一个网站预览，以便它看起来像在笔记本电脑图像的屏幕上。 如您所见，iframe内的网站正在检测到视口宽度小于768px，并且正在使用移动媒体查询进行显示。 如何“欺骗” iframe以使其具有1440px的宽度，使其像桌面预览一样显示？
1 个解决方案
解决方案1
2 2017-05-24 17:35:32
可以得到更好的答案，但是我通过在HTML和CSS中将iframe的宽度设置为1440px（高度为902px）来解决此问题，然后使用CSS transform: scale(0.3743); 结合transform-origin: top left; ，因此从技术上讲，iframe 的宽度为 1440px，但已按比例缩小。 将必须看到这在跨浏览器兼容性方面的立场。
如何在所有设备（例如台式机和移动浏览器）上制作具有一定高度和100％宽度的iframe
[英]how to make an iframe with some height and 100% width across all devices i.e desktop and mobile browsers
Bootstrap：如何在带有或不带有媒体查询的小屏幕上创建响应div列？
[英]Bootstrap : How do i create responsive div columns in the small screens with or without media queries?
如何使用 JS 媒体查询 (matchMedia()) 在移动设备中打开单个手风琴面板，并在桌面设备中打开多个面板？
[英]How to open single accordion panel in mobile, and multiple panels in desktop using JS media queries (matchMedia())?
如何输出宽度=“ 100％”或宽度=“”的iframe。 不，宽度=“ 100”
[英]How do I output an iframe with width = “100%” or width = “”. Not, width = “100”
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何设置手机和台式机的宽度？
如何使用移动设备和桌面的媒体查询？
如何强制桌面浏览器使用专为移动设备设计的媒体查询？
如何在所有设备（例如台式机和移动浏览器）上制作具有一定高度和100％宽度的iframe
Bootstrap：如何在带有或不带有媒体查询的小屏幕上创建响应div列？
使用媒体查询在iframe视口较小时显示图像
如何获得iframe内容宽度？
如何将媒体查询添加到Jquery中
如何使用 JS 媒体查询 (matchMedia()) 在移动设备中打开单个手风琴面板，并在桌面设备中打开多个面板？
如何输出宽度=“ 100％”或宽度=“”的iframe。 不，宽度=“ 100”
相关标签