2011-11-08 10 views
0

私はサファリのバグを見つけたと思う。私は誰かがこれに遭遇したかどうか疑問に思った、それはかなり深刻だが、かなりあいまいである。safkitのwebkitTransformバグ?私は怒っていますか?

これをクロムとサファリで見ると、リンクをクリックするとdivが回転し、ページ全体が表示されるように水平に広げます。すべてがクロームで動作します。右にスクロールして見ることができます。右下には画面の端が表示されます。しかし、Safariはそれをカットしますか? 誰かが私が困惑していると認められるサファリの回避策を提案することはできますか?これは、これを見ることができる私だけではない場合...

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

どうもありがとうございました アレックス

答えて

0

OKを、そう、それはだかどうかわからない、ここで自分の質問に答えるかなり深刻です良いフォーム(ここでかなり新しい)

5.1まで存在したサファリにバグがあり、2d変換後にフロー境界を再評価しませんでした。

ソリューション:Safariを更新するか、変換する子要素の周りに通常の要素を配置します。これが絶対的に配置されている場合、つまり標準のフロー(相対)にない場合は、動的にサイズを変更して効果的である。回転、行列などを使用している場合は、新しい境界ボックスのサイズを取得するために三角法を実行する必要があります。

今後同じ問題が発生した場合に役立ちます。

EDIT:あなたは本当にあなたのような何かを行うことができます解決を強制する必要がある場合

:これを促進するために

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

を私は望みます!悲しいことにサイコロ、それは私が思った最初の事だった、とCSSのリセットなど – Alex

関連する問題