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

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

iPhone Safari ではまったことは、こちら -> [[JavaScript/iPhoneSafari/はまったこと]]

&br;
*webkitTransform [#t2f362ff]
** translate3d [#n7253da6]
iPhone でも Android でも、100px 100px に移動し、期待した動きをする
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 になり、期待した動きをする
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 に戻ってしまう
Android では、100px 100pxに移動後、scale が 0.1 になるが、&color(red){その後、scale が戻ってしまう};

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

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

ここでもこれと同じこと言ってるみたい&br;
ここで言ってることがこれと同じかな?&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 になり、期待した動きをする
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


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

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





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


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