webkitTransform ошибка в сафари?Я схожу с ума?

Question

Я думаю, что нашел ошибку в сафари. Я задавался вопросом, сталкивался ли кто-нибудь с этим, это довольно серьезно, но довольно неясно.

посмотрите на это в chrome и в safari, когда вы нажимаете на ссылку, div поворачивается и должен развернуть страницу горизонтально, чтобы обеспечить видимость всей страницы. Все работает в Chrome, вы можете увидеть это, прокручивая вправо, нижний правый угол касается края экрана. Однако Safari просто отключает его? Кто-нибудь может предложить обходной путь для сафари, чтобы признать, что я в тупике? Это довольно серьезно, если не только я могу это видеть ...

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

Большое спасибо Alex

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