是否可以手动设置动态生成的iframe的屏幕属性?想设置方向,宽度和高度,以便为该iframe模拟“移动”视图?

我创建了两个单独的小提琴:

父级:https://jsfiddle.net/mooioom/69240vec/

“设备”:https://jsfiddle.net/mooioom/19tsk4L8/


父级正在打开一个指向iphone分辨率为375x667的“设备”的iframe
“设备”具有与iphone分辨率匹配的媒体查询,如果检测到,应将按钮颜色从绿色更改为黄色,这不会发生,这可能是因为检测到的screen.widthscreen.height尺寸。


因此,如何在创建时从父级设置“设备”的screen.widthscreen.height

-更新-

因此,就像Gezzasa所述,如果将媒体查询min-device-width更改为min-width,它可以工作,但是为了获得完整的解决方案,我仍然想知道如何使iframe相信它在移动设备中运行,我读过一篇文章,它涉及修改标头和用户代理,因为一些响应技术将用户代理定位为检查其移动性。

放在一边,问题仍然存在,如何从父窗口为iframe动态设置screen.widthscreen.height(和方向)

最佳答案

查询的问题是未从设备加载iframe,因此“最小设备宽度”由于不是设备而不起作用。如果将其更改为“最小宽度”和“最大宽度”,而忽略了设备,则它将正常工作。

关于javascript - 使用javascript设置屏幕方向,宽度和高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41846202/

10-12 12:21
查看更多