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 になる
ただし、iPhone と Android で動きがちがう

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

サンプル


イベント

Gesture イベント

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


Comment



Counter: 36772, today: 6, yesterday: 0

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