ANTON072
8/21/2015 - 8:52 AM

Android2系のCSSバグ解決方法

Android2系のCSSバグ解決方法

以下の順で確認する。

  1. CSSプロパティが対応しているか
  2. position: relativeで直るか(スタッキングコンテクストの作成)
  3. transformで直るか(GPUレンダーに処理を渡す)
  4. 再描画で直るか

再描画させるにはmin-widthの設定で行うとデザインに影響がでない。

最初っからつけとくなら、min-width: 1px; と min-width: 2px; をアニメーションでループするだけのクラスを作ってます。

一瞬だけつけたい場合は $('target').css('min-width', '1px').delay(100).css('min-width': ''); で100ms後に消すとかですかね。