是否可以手动设置动态生成的iframe的屏幕属性?想设置方向,宽度和高度,以便为该iframe模拟“移动”视图?
我创建了两个单独的小提琴:
父级:https://jsfiddle.net/mooioom/69240vec/
“设备”:https://jsfiddle.net/mooioom/19tsk4L8/
父级正在打开一个指向iphone分辨率为375x667的“设备”的iframe
“设备”具有与iphone分辨率匹配的媒体查询,如果检测到,应将按钮颜色从绿色更改为黄色,这不会发生,这可能是因为检测到的screen.width
和screen.height
尺寸。
因此,如何在创建时从父级设置“设备”的screen.width
和screen.height
。
-更新-
因此,就像Gezzasa所述,如果将媒体查询min-device-width
更改为min-width
,它可以工作,但是为了获得完整的解决方案,我仍然想知道如何使iframe相信它在移动设备中运行,我读过一篇文章,它涉及修改标头和用户代理,因为一些响应技术将用户代理定位为检查其移动性。
放在一边,问题仍然存在,如何从父窗口为iframe动态设置screen.width
和screen.height
(和方向)
最佳答案
查询的问题是未从设备加载iframe,因此“最小设备宽度”由于不是设备而不起作用。如果将其更改为“最小宽度”和“最大宽度”,而忽略了设备,则它将正常工作。
关于javascript - 使用javascript设置屏幕方向,宽度和高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41846202/