webkit转换Safari中的错误?我生气了吗?

时间:2011-11-08 09:43:22

标签: javascript css3 safari webkit

我想我在safari中发现了一个错误。我想知道是否有人遇到过这种情况,这是非常严重的,但却相当模糊。

在chrome和safari中查看此内容,当您单击链接时,div会旋转并应水平扩展页面以确保整个页面可见。一切都在镀铬,你可以通过向右滚动看到这一点,右下角接触屏幕的边缘。然而Safari只是削减它? 任何人都可以建议为safari做一个解决方法得到承认我难倒?如果不仅仅是我可以看到这一点,这是非常严重的......

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

非常感谢 亚历

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

好的,所以在这里回答我自己的问题,不确定它是不是很好的形式(这里很新)

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"});
        }