사파리에서는 flex 도 안되고 grid도 안되요..ㅠ
본문
사파리에서는 flex 도 안되고 grid도 안되요..ㅠ
그래서 레이아웃이 엉망으로 보여지는데요.ㅠㅠ
방법이 없을까요?
구글링해도 못찾겠어요.ㅠㅠ
이게 너무 편한 기능인데 사파리에서 안되면..
천상.... 일일이 float:left 이런식으로 정렬을 해줘야 하나..ㅠ 싶어서요.
혹시.. 정 방법이 없으면..
사파리에서만 별도 css 로딩 가능할까요?ㅠ
단순하게..
<style>
.container {
width:1000px;
background:#ff0000;
display: grid;
grid-template-columns: 120px repeat(3, 1fr) 2fr 10%;
}
</style>
<div class="container">
<span class="item item1">1</span>
<span class="item item2">2</span>
<span class="item item3">3</span>
<span class="item item4">4</span>
<span class="item item5">5</span>
<span class="item item6">6</span>
</div>
이렇게만 코딩하고 실행해봐도...
사파리는 안되구요
크롬이나 IE에선 잘 나와요..
답변 1
방금 해보니까~ flex 잘됩니다.. 저도 플렉스 위주로 퍼블 작업 하는데.. 사용법을 다시 한번 확인해보세요
알았어요. <!doctype html> 이걸 상단에 선언하면 안되네요. 이게 뭔데 안되는걸까요?
html5문법인데 아마 html5이 아니라서 그런거였군요