Windows PhoneブラウザでハードウェアアクセラレーションされたCSS3トランジション

Question

Windows Phone 7またはWindows Phoneでも見つかるCSS3 Webkitトランジションで使用されるハードウェアアクセラレータのプロパティをiOSの翻訳、回転、拡大縮小する技術を知っている人はいませんか？ 7.1、Mango。

私が働く会社は、さまざまなモバイルプラットフォームで動作するウェブサイトを作成しています。現在のところ、iPhoneとAndroid端末のみをサポートしていますが、Windows Phoneの範囲を拡大する予定です。

以前は、これらのWebkitプロパティを使用して、UIプラグインのDOM要素を移動するためのスムーズなアニメーションを提供しました。 jQueryのアニメーション機能と純粋なjavascriptだけではそれをカットしていませんでした。

しかし、いくつかの調査の結果、現在のWindows Phone 7ではCSS3またはHTML5がサポートされていないことがわかりました。だから私の通常の方法はここでは機能しません。幸運にも、新しい7.5バージョンにはInternet Explorer 9が必要で、CSS3とHTML5のいくつかの技術をサポートしているはずです。しかし、Windows Phoneで使用できるWebkitのような翻訳、回転、および拡大縮小のプロパティがあるかどうかを知っている人はいませんか？

Answer 1

現在の電話機（7.0）はHTML5またはCSS3をサポートしていません。ブラウザは、IE7/IE8ハイブリッドの機能の点で、ある種のものです。

良いニュースは、Windows Phone 7.1リリース（mango）にはIE9.0が付属していることです。IE9.0はデスクトップブラウザと同じコードで構築されています。これにより、HTML5のサポートとハードウェアによるCSS3の遷移、ローテーションなどが加速されます。

あなたのウェブサイトは、現在WP7.1エミュレータで試用することができます。

CSSには、必ず-msのCSSプレフィックスを使用してください。 CSS3.0のほとんどはまだドラフトされているので、ブラウザ固有のプレフィックスが必要です。