Question

我正在使用页面内的iframe，而页面和iframe位于不同的域中。该站点适用于移动设备，因此我通过html帖子消息将页面的window.orientation属性传递给iframe。这是有效的，但现在我需要一种方法将iframe的window.orientation属性分配给从post消息收到的值。是否可以重新分配像.orientation这样的窗口属性，如果是这样的话？

感谢所有帮助。

编辑：这样做的目的是让css媒体查询到设备的方向，从而在iframe内部工作。

Answer 1

也许这可以解决您的问题。

<强> JS

var currentWidth = 0;

function updateLayout() {
    if (window.innerWidth != currentWidth) {
        currentWidth = window.innerWidth;

        var orient = currentWidth == 320 ? "profile" : "landscape";
        document.body.setAttribute("class", orient);
    }
}

setInterval(updateLayout, 400);
window.addEventListener("resize", updateLayout, false);
window.addEventListener("orientationchange", updateLayout, false);

<强> CSS

.profile{background:#f00}
.landscape{background:#00f}

<强> DEMO

重新分配window.orientation？

1 个答案: