webkit转换Safari中的错误？ 我会生气吗？

Question

我想我在野生动物园发现了一个错误。 我想知道是否有人遇到过这个问题，这很严重，但很模糊。

在chrome和safari中查看此内容，当您单击链接时，div旋转并且应水平扩展页面以确保整个页面可见。 一切都在chrome中运行，您可以通过向右滚动来看到，右下角触摸屏幕边缘。 但是Safari只是切断了它？ 有人可以建议野生动物园的变通办法承认我很困惑吗？ 如果不是只有我能看到这一点，这是非常严重的……

http://jsbin.com/uqagan/3/

非常感谢亚历克斯

Answer 1

html, body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

Answer 2

好的，所以在这里回答我自己的问题，不确定它的格式是否正确（这里很新）

Safari中存在一个错误，直到5.1之前都没有，该错误在2D转换后并未重新评估流域。

解决方案：更新Safari或在要转换的子元素周围放置一个常规元素，请注意，如果绝对放置该元素，即它不在标准流程中（相对），则还必须动态调整其大小以使其生效。 如果您使用的是旋转，矩阵等，则必须进行三角测量以获得新的边界框大小。

希望以后对遇到相同问题的人有所帮助。

编辑：进一步做到这一点：

如果确实需要强制解决方案，则可以执行以下操作：

//hack for bad rotation overflow support in safari <5.1
        if($.browser.safari && parseInt($.browser.version)<534)
        {
            $("html,body").css({"width":"20000px","height":"20000px"});
        }