CSSのgridを使うとSafariで崩れる問題
環境
- macOS 10.15.2
- Chrome 79.0.3945.130（Official Build)
- Safari 13.0.4 (15608.4.9.1.3)
- Firefox 72.0.2 (64 ビット)
問題点
下の記事の様にCSSで親要素のサイズをgridでのみ指定し明示的に指定しない状態で、子要素でサイズを親要素の最大値に設定すると、ブラウザによって表示のされ方が違う。
記事
解決方法
下の様に親要素にも明示的にサイズを指定すると解決する。
.cell {
width: 100%;
height: 100%;
border: solid 2px;
}
Author And Source
この問題について(CSSのgridを使うとSafariで崩れる問題), 我々は、より多くの情報をここで見つけました https://qiita.com/ENTOTSU44/items/e1ac1dfe0ee248bd6185著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .