Question

是否可以手动设置动态生成的iframe的屏幕属性？想要设置方向，宽度和高度，以模拟一个＆＃34; mobile＆＃34;查看那个iframe？

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

父母：https://jsfiddle.net/mooioom/69240vec/

＆＃34;设备＆＃34; ：https://jsfiddle.net/mooioom/19tsk4L8/

父母正在打开指向＆＃34;设备的iframe＆＃34;使用iphone分辨率尺寸375x667
＆＃34;设备＆＃34;有一个媒体查询来匹配iPhone的分辨率，如果检测到，应该将按钮颜色从绿色更改为黄色，这不会发生，可能是因为检测到的screen.width和screen.height尺寸。

那么如何设置＆＃34;设备的screen.width和screen.height＆＃34;在创建时从父母那里。

---更新---

就像Gezzasa所说，如果媒体查询min-device-width更改为min-width它可以正常运行，但为了获得完整的解决方案，我仍然想知道如何制作iframe＆＃34;相信＆＃34;它在移动设备中运行，我在帖子中读到它涉及修改标头和用户代理，因为一些响应技术针对用户代理检查其移动设备。

screen.width

screen.height

Answer 1

查询的问题是iframe未从设备加载，因此“min-device-width”不起作用，因为它不是设备。如果将其更改为“min-width”和“max-width”，则不使用该设备，它应该可以正常工作。

Answer 2

希望这可以帮助你

＆＃13;

var view=document.getElementById("view");

var ifrm = document.createElement('iframe');
ifrm.setAttribute('id', 'ifrm');
view.appendChild(ifrm);
var ifrmId=document.getElementById("ifrm");
ifrmId.style.width="200px";
ifrmId.style.height="200px";

＆＃13;

<div id="view">

</div>

＆＃13;

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

2 个答案: