Android版Chromeでmin-widthが効かないのを発見。
Win版Chromeでは効いてたし、Android版Firefoxでも効いていた。
ということはAndroid版Chromeのバグかなー…
…と、ふとAndroidのバージョンを変えて試したら、ちゃんと効くじゃないか(汗
とりあえず自宅でできた確認のまとめ
条件:tdにmin-widthを3emで指定
OS | ブラウザ | 動作可否 |
---|---|---|
Android 4.4.2 | 標準ブラウザ | × |
Android 4.4.2 | Chrome 45 | × |
Android 4.4.2 | Firefox 40 | ○ |
Android 5.1.1 | Chrome 45 | ○ |
Windows 7 | Chrome 45 | ○ |
Windows 7 | Firefox 40 | ○ |
…ということは、Android 4.4.2のブラウザが悪い…ということだな。
標準ブラウザのレンダラーベースで動いておるのかもしれん。
Analytics見てみたら、Android4.系統の利用者がAndroidユーザーの半数…
対策したほうが良さそうだけど、それっぽいハックとか全然見つからんのだよなあ…
jQueryでゴリ押し…も面倒だし…
とりあえずiOSでも確認して問題なければスルーしよう。