채택완료

스타일 시트 질문있어요.

2019-05-02 (목) 01:57:37 3,635

@media all and (min-width:769px){
.course_list li.arr {width:10%;}
}

위와 같이 정의하면 FF와 크롬에서는 넓이가 10%로 설정됩니다.

그런데 IE는 밖에도 정의해 줘야 너비가 10%로 설정이 되는군요.

.course_list li.arr {width:10%;}

@media all and (min-width:769px){
.course_list li.arr {width:10%;}
}

오늘 이것때문에 엄청 삽질했네요.

브라우저의 특성 탓으로 돌려야하나요?

아니면 원래 스타일 시트 정의를 저렇게 해야하나요?

반응형도 저에게 어려운데 브라우저까지 속을 썩이네요.ㅠㅠ

즐거운 시간되세요.

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

익스9 이하인 경우인 것 같네요.

아래 참조하세요.

http://blog.moramcnt.com/?p=828

답변에 대한 댓글 1개

익스11인데 그러네요. ㅎ
아무튼 희안한 증상 경험했습니다.
반나절을 헤메고 다녔네요..ㅠㅠ
답변 고맙습니다.
2019-05-02 (목) 03:42:29

@media (min-width:769px) {

이렇게 해보세요 익스9 버전하위는 미디어쿼리 자체가 없어서 제이쿼리로 처리해요

답변에 대한 댓글 1개

IE11인데 미디어 쿼리가 안먹히네요.
웹브라우저가 문제가 심각하네요.
답변 고맙습니다.

답변을 작성하려면 로그인이 필요합니다.