使用javascript设置屏幕方向、宽度和高度

是否可以手动设置动态生成的iframe的屏幕属性？是否要设置方向、宽度和高度以模拟该iframe的“移动”视图

我创作了两个独立的小提琴：

家长：

“设备”：

家长正在打开一个iframe，指向iphone分辨率为375x667的“设备”

“设备”具有与iphone分辨率匹配的媒体查询，如果检测到，则应将按钮颜色从绿色更改为黄色，但这不会发生，可能是因为检测到的

屏幕。宽度
和
屏幕。高度
尺寸

因此，如何在创建时从父设备设置“设备”的

screen.width

和

screen.height

---更新---

因此，如Gezzasa所述，如果媒体查询

min device width

更改为

min width

，它可以工作，但为了获得完整的解决方案，我仍然希望知道如何使iframe“相信”它正在移动设备内运行，我在一篇文章中读到，它涉及修改标题和用户代理，因为一些响应技术针对用户代理来检查其移动设备是否可用

抛开这一点不谈，问题仍然存在，如何从父窗口动态设置iframe的

屏幕.宽度和
屏幕.高度（和方向）
希望这对您有所帮助


var view=document.getElementById（“视图”）；
var ifrm=document.createElement（'iframe'）；
setAttribute（'id'，'ifrm'）；
视图.appendChild（ifrm）；
var ifrmId=document.getElementById（“ifrm”）；
ifrmId.style.width=“200px”；
ifrmId.style.height=“200px”

查询的问题是iframe不是从设备加载的，因此“最小设备宽度”不会工作，因为它不是设备。如果您将其更改为“最小宽度”和“最大宽度”，而不使用设备，它应该可以工作。
您可以编辑iframe的内容吗？我认为在特定页面上进行简单的媒体查询就可以做到这一点。我可以编辑内容，并且我在iframe中使用移动媒体查询。将哪些尺寸设置为适合移动像素尺寸，问题在于iframe内的
屏幕.width
屏幕.height
。正在反映我正在使用的真实屏幕，这是一个桌面。。。CSS媒体查询的目标似乎是这些属性，而不是iframe的宽度和高度。我可能理解错了。此示例将创建iframe。宽度和高度都很小（默认情况下），显示的是www.w3schools.com的移动版本，因为w3schools上承载的媒体查询就是这样。您的媒体查询是否位于正确的域中？是否为属于媒体查询的iframe设置了宽度和高度？如果没有，恐怕我无法帮助您，除非您能够在JSFIDLE中重新创建它。我添加了两个单独的FIDLE来澄清，一个用于父对象，另一个用于iframe查询的问题是iframe不是从设备加载的，因此“最小设备宽度”无法工作，因为它不是设备。如果您将其更改为“最小宽度”和“最大宽度”，而不使用该设备，它应该可以工作。希望这有帮助。谢谢！但这实际上是我已经做过的事情。我的问题不是iframe的物理维度，iframe.document等是iframe.screen对象，媒体查询（我认为）的目标是。。。