hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

android2.3対応

ナニが悲しくて。。。
これを
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

こうやって打ち消す
-webkit-perspective: none;
-webkit-backface-visibility: visible;

[2015.1.20補足]
ううう。
(二日後には何書いてんのかわからんくなってた。補足するとiOS用に入れた上記のおまじない+transform3dのせいで、Android2.3のフォームのフォーカスがあわなくなっていたので、android2系の場合だけ上記を上書きするクラスをつけたのだ)
[javascript]
if(ua.search(/Android 2.[123]/) != -1) {
is_oldAndroid = true;

}
[/javascript]

[css]
.oldAndroid{
#container{
-webkit-transform: translate( 0, 0);
transform: translate( 0, 0);
-webkit-perspective: none;
-webkit-backface-visibility: visible;
&.opened{
-webkit-transform: translate( $panelWidth, 0);
transform: translate( $panelWidth, 0);
}
}
}
[/css]

android2.3 フォーム テキスト 上下に揺れる – Google 検索
https://www.google.co.jp/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=android2.3%20%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%20%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%20%E4%B8%8A%E4%B8%8B%E3%81%AB%E6%8F%BA%E3%82%8C%E3%82%8B

出るわ出るわ。。

Android 2系でテキスト入力時に上下に激しくスクロールされるバグ – Qiita
http://qiita.com/HieroglypH/items/69daba0e33ac61a05953

Androidの標準ブラウザにおいてtranslate3dが引き起こす不具合について | BALLOG
http://blog.bluearrowslab.com/smartphone/topicks/592/

他にもcanvasまわりでバグがある模様

Happy Elements Labs: 世界平和とAndroid
http://blog.happyelements.co.jp/2013/08/love-peace-and-android.html
[2015.1.20補足ここまで]

あとajaxでのキャッシュのアレがナニなのでアレする。
cache : false

Android does not fire AJAX requests because they are cached (on jQuery mobile)
http://www.grobmeier.de/android-does-not-fire-ajax-reqests-because-they-are-caches-ajax-requests-at-least-on-jquery-mobile-10072011.html#.VLx1H2SsXc0


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください