1

iPhone に最適化された Web サイトを開発し、Windows の Safari 3.1.2 でテストしています。-webkit-transitionWeb サイトの一部の要素には、スタイルを使用して暗黙のアニメーションを適用しています。

基本的に、次のような要素があります。

<div style="-webkit-transition: left 2s linear;">...</div>

最初からドキュメントに存在する場合もあれば、別のドキュメントから読み込まれて DOM に挿入される場合もあります。

最初のケースでは、アニメーションは期待どおりに発生しますが、JavaScript を使用して div が挿入さ-webkit-transitionれると、無視されるようです (アニメーションはありません)。さらに、Safari のインスペクタでは、次のように表示されました。

-webkit-transition: condensed 2s linear;

これはcondensedどういう意味ですか? また、インジェクション後にスタイルを強制的に使用するにはどうすればよいですか?

手がかりをいただければ幸いです。

4

2 に答える 2

0

私はこの種のことをあまり行っていませんが、デスクトップとモバイル Safari の違いを見てきました (たとえば、iPhone で CSS トランジションを使用して要素をゼロに縮小するにはどうすればよいですか? )。

そのため、テストするには iPhone または iPod Touch が必要だと思います。

于 2009-05-06T22:34:54.480 に答える
0

Windows 用の Safari 4 ベータ版で試してみることをお勧めします。アップルが言うように：

「Safari 4 は、Mac および Windows 向けの最速かつ最も効率的なブラウザであり、次世代のインタラクティブな Web アプリケーションを可能にする HTML 5 および CSS 3 Web 標準の優れた統合を備えています。」</p>

Safari 4 で運がいいかもしれません。試してみてください。

于 2009-03-24T12:04:01.047 に答える