webkitTransform在safari中的bug ?我疯了吗?

webkitTransform bug in safari? Am i going mad?

本文关键字：疯了 bug safari 中的 webkitTransform      更新时间：2023-09-26

我想我在safari中发现了一个错误。我想知道是否有人遇到过这种情况，这很严重，但很晦涩。

看看这个在chrome和safari中，当你点击链接，div旋转，应该展开页面水平，以确保整个页面是可见的。一切都在chrome中工作，你可以通过向右滚动看到这一点，右下角触及屏幕边缘。然而，Safari只是把它切断了?谁能建议一个变通的safari不得不承认我被难住了?这是相当严重的，如果不是只有我可以看到这个…

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

非常感谢亚历克斯

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

好了，回答我自己的问题，不确定这是不是好的形式(很新)

safari在5.1之前有一个bug，在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"});
        }
相关文章：