Bootstrap4のCardで作った部品が、WindowsのChromeだと崩れて見えない。
今までApple製品しか使ってなかったから気づかなかった。
同じページをiPad mini 4のSafariで見ると正常に表示される。
WindowsでもChromeはWebkit使ってるはずだし、Safariは言わずと知れたWebkitの発祥Appleの謹製だし。
たぶんだけど、ChromeがWebkitの仕様ないしCSSの仕様に沿ってないんだと思う。
とはいえ、WindowsだろうがMacだろうがWebである以上は同じ見え方&同じ操作性にしたいわけで。Windowsでだけヘンな見え方のままなのも悔しい。
ソース見るとこのへんだなぁ
やはりコードには誤りが無いようで。Chromeの問題と思う。
似たような問題を挙げてる記事。
https://github.com/twbs/bootstrap/issues/24258
https://github.com/twbs/bootstrap/issues/26814
なんでこのへんて日本語の記事ないのかね。同じことで困るハズなんだけど。もう少し調べる。