Android ブラウザ 用のサイトを作っていて困ったこと&はまったこと

Android ブラウザではまったこと

「うーん?」ってなったことをまとめて書きます

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


webkitTransform

translate3d

iPhone でも Android でも、100px 100px に移動する

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

サンプル

scale

iPhone でも Android でも、scale が 0.1 になる

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

サンプル

translate3d + scale

iPhone では、100px 100px に移動後、scale が 0.1 になる
Android では、100px 100pxに移動後、scale が 0.1 になるが、その後、scale が戻ってしまう

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

サンプル

ここで言ってることがこれと同じかな?

translate + scale

iPhone でも Android でも、100px 100px に移動後、scale が 0.1 になる

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

サンプル


イベント

Gesture イベント

Android では Gesture イベントをサポートしていない


Comment



Counter: 36772, today: 6, yesterday: 0

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