*Android ブラウザ 用のサイトを作っていて困ったこと&はまったこと [#b04924f5]
#contents2_1(compact=true,depth=1-2)

*Android ブラウザではまったこと [#v733f088]
「うーん?」ってなったことをまとめて書きます


** translate3d [#n7253da6]
iPhone でも Android でも、100px 100px に移動し、期待した動きをする

 element.style.webkitTransform = "translate3d(100px, 100px, 0)";

サンプル
-http://sample.minaco.net/javascript/android/index.html#sample1

**scale [#c8e587b4]
iPhone でも Android でも、scale が 0.1 になり、期待した動きをする

 element.style.webkitTransform = "scale(0.1)";

サンプル
-http://sample.minaco.net/javascript/android/index.html#sample2

**translate3d + scale [#v1963f04]
iPhone では、100px 100px に移動後、scale が 0.1 になる&br;
Android では、100px 100pxに移動後、scale が 0.1 になるが、その後、scale が 1 に戻ってしまう

 element.style.webkitTransform = "translate3d(100px, 100px, 0) scale(0.1)";

サンプル
-http://sample.minaco.net/javascript/android/index.html#sample3

ここでもこれと同じこと言ってるみたい&br;
-http://stackoverflow.com/questions/4270208/css3-animation-flicker-on-android-2-2-webkit-transformtranslate-scale-a

**translate + scale [#z04ec9ea]
iPhone でも Android でも、100px 100px に移動後、scale が 0.1 になり、期待した動きをする

 element.style.webkitTransform = "translate(100px, 100px) scale(0.1)";

サンプル
-http://sample.minaco.net/javascript/android/index.html#sample5


**Gesture イベント [#v21e9ad5]
Android では Gesture イベントをサポートしていない

-http://backtothecode.blogspot.com/2009/10/javascript-touch-and-gesture-events.html





&br;
*Comment [#c4b1da9e]
#comment_nospam
&br;
#counter


トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS