사파리에서는 flex 도 안되고 grid도 안되요..ㅠ

사파리에서는 flex 도 안되고 grid도 안되요..ㅠ

QA

사파리에서는 flex 도 안되고 grid도 안되요..ㅠ

답변 1

본문

사파리에서는 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 잘됩니다.. 저도 플렉스 위주로 퍼블 작업 하는데.. 사용법을 다시 한번 확인해보세요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 32
© SIRSOFT
현재 페이지 제일 처음으로