min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

Bootstrap4 の card がWindowsのChromeだと正常に表示されない

Bootstrap4のCardで作った部品が、WindowsChromeだと崩れて見えない。

f:id:min117:20200322042957p:plain

今までApple製品しか使ってなかったから気づかなかった。

 

同じページをiPad mini 4のSafariで見ると正常に表示される。

f:id:min117:20200322043844p:plain

f:id:min117:20200322043851p:plain

WindowsでもChromeWebkit使ってるはずだし、Safariは言わずと知れたWebkitの発祥Appleの謹製だし。

 

たぶんだけど、ChromeWebkitの仕様ないしCSSの仕様に沿ってないんだと思う。

 

とはいえ、WindowsだろうがMacだろうがWebである以上は同じ見え方&同じ操作性にしたいわけで。Windowsでだけヘンな見え方のままなのも悔しい。

 

 

 

ソース見るとこのへんだなぁ

f:id:min117:20200322044738p:plain

やはりコードには誤りが無いようで。Chromeの問題と思う。

 

似たような問題を挙げてる記事。

https://github.com/twbs/bootstrap/issues/24258

https://github.com/twbs/bootstrap/issues/26814

なんでこのへんて日本語の記事ないのかね。同じことで困るハズなんだけど。もう少し調べる。