android

[2014.04.08 add]
■android4系 width バグ(part2)
width１００％の要素が１００％伸びなかったりラジバンダリ
http://rapid-progress.net/android-text-bug/
[/2014.04.08 add]
[2013.05.09 add]
■android4系 width バグ
width１００％の要素が１００％伸びなかったりラジバンダリ
↓background-colorの指定で治すぱたーんの記事
・androidでwidthが効かない
http://d.hatena.ne.jp/hateka/20120824/1345816637

↓displayプロパティを操作して治すぱたーんの記事
・HTML&CSS Google Chrome for Android でCSSのwidth指定がおかしな挙動をする。

[HTML&CSS] Google Chrome for Android でCSSのwidth指定がおかしな挙動をする。親DIV要素のwidth値を正しく取得できない。

[/2013.05.09 add]

[2013.04.09 add]
■アコーディオンメニューなどで非表示にするボタン（close）ボタンのリンクが伝播するバグ
アコーディオン閉じるをタップ→タップした地点でリンク領域が残る→閉じた時にリンク要素がそこに来たら、その地点にきた要素のリンクが発動→｡ﾟ(ﾟ´ω`ﾟ)ﾟ｡

preventDefaultでデフォの動きをキャンセルしておき、リンクの伝播を防ぐ
ただしデフォルトのフリックとかもキャンセルされるので注意
[html]
$btnClose
.on(‘touchstart’, function(e) { e.preventDefault();})
.on(‘touchend’,function(){ $pullDownArea.hide();});
[/html]

[/2013.04.09 add]

■android select バグ
select タグにfloatをかけていると
うまく反応しないバグ有り

[2013.01.09 add]
to-Rさんに１日で２度お世話になるとは。。。
■スマートフォンとposition:fixedのバグ

Androidではuser-scalable=noが必須

http://blog.webcreativepark.net/2011/12/07-052517.html

■jQuery1.8系のanimate()で一部のAndroid端末が落ちる件
http://blog.webcreativepark.net/2012/11/07-112617.html
[/2013.01.09 add]

[2012.12.01 add]
■animationでopacityを同時に設定すると、Androidでopacityの遷移だけ無視される
http://jsdo.it/edo_m18/wOVk
[/2012.12.01 add]

■その他のバグ
皆さん苦労されているようで。。。
まとめている方がいらっしゃいました。

[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)

【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android)
【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android)
【css】 border-radiusのコーナーがジャギる(Android)
【css】 box-shadow、text-shadowでblurを0にすると描画されない(Android)
【css】　@keyframeアニメーションに関する不具合(Android)
【css】 @keyframeの100%で指定したスタイルが維持されない(Android, iOS3.*)
【css】 アニメーション開始時・終了時に一瞬だけアニメーションしている要素が消える(Android)
【css】 rgbaアニメーションで残像が発生する(Android)
【css】 transrateを使用したアニメーションがちらつく(Android, iPhone)
【css】 アニメーション開始時に関係ないところが点滅するようにちらつく(Android、iPhone)
【html, css】 JSやCSSで出力したマルチバイト文字が文字化けする(Android)
【html】 ソフトウェアキーボードやブラウザメニューを表示するとbodyのheightが削られたまま戻らない(Android)
【html, css】 テキストボックスに関するバグ(Android)
【css】 transitionでscaleを使用すると実行前のサイズに戻る(Android)
【css】 対応していないCSS3 Animationの指定をすると誤動作する（Android 2.2）

iOS

[2013.01.22 add]
■iOS6のposition:fixedバグ対策　console.log 🙂

ページを一旦スクロールしないとfixedされない

http://sp.vitalify.jp/archives/?p=684
[/2013.01.22 add]

くわしくは参照ページにて。