在窗口调整大小时(或当方向发生变化时)检测iPad中的方向

Question

THe的事情是我们需要iframe，所以合作伙伴可以添加url，我们可以控制在其中显示什么，而不需要有他们的网站代码。

如果不是的话，看上去没问题。

但是对于iframe来说，这是一个问题--窗口的高度总是大于宽度。各种方法只是认为它的肖像。据我所知，这里有多少内容，如果没有卷轴的话。所以，如果我的代码是浏览器窗口，而不是父浏览器窗口。

有各种各样的问题，但我仍然无法找到可行的解决办法。

更新：

我找到了如何使它不超过高度-打开窗口负载，取窗口高度，并将该高度设置为div和溢出:滚动。所以整个窗户不会变得更高，所以如果没有那么高。在加载窗口的高度是初始的iframe高度。现在由于某些原因，当纵向宽度仍然高于高度时，至少javascript看到的是960，但实际上它并没有越过边界，即768 it。

现在想找出是谁制造的960 to。然后去做这个：

function test2() {
        ?>
    
            <iframe src="" width="100%" height="100%"></iframe>
   
        <?php 
    }

这是100%宽度的空内容，为什么是960px？不仅ipad，而且使用铬模拟，我看到它也适用于其他流行的移动设备。

因此，如果高度是500，而宽度是960，它认为它的景观。但实际上ipad没有960px宽度，它有768个宽度。甚至当javascript检测到960时也不会变宽。这怎么可能呢？

更新：

要检测宽度，我使用：

$(window).load(function(){  
   var width = $(this).width();
});

屏幕宽度也会变宽。也许iframe更宽并且有水平滚动，但是iPad没有绘制滚动，但是当父页面保持相同的位置时，可以水平地移动它。

但是，只是使用测试页iframe - iPad不允许水平滚动和页面适合于iframe，但它仍然检测窗口宽度964 be，而应该是768。

ALso在测试页面中，iframe在div中，div有样式宽度:768 in！重要；而iframe也有样式宽度:768 in！

iPad还显示了宽度964 :)

更新：

目前解决在合作伙伴页面上的黑客方式:在内部的div之一，我做css宽度:300 on，然后我得到良好的窗口宽度。然后，由于我想要宽85%，我乘以寡妇宽度* 0.85，并将它设置为我想要更宽的除法。更早的时候，我尝试用css widht: 85%实现同样的目标，这会使屏幕变得比屏幕更宽。尽管如此，这是没有意义的，但有效。

Answer 1

在父容器上使用此css：

height: 500px !important; 
width: 900px !important; 
overflow: auto !important; 
-webkit-overflow-scrolling:touch !important;