반응형 웹 스타일시트 정리하는데... 정보
반응형 웹 스타일시트 정리하는데...
본문
@media all and (max-width: 1023px) {}
@media all and (max-width: 1024px) {}
동일한 스타일 시트에 저렇게 분리해서 정의한 이유가 있을까요?
1픽셀 차이인데 말이죠.
물론 안에 클래스명은 다른것들 입니다.
코딩분량 늘리려고 일부러 저렇게 한건가요? ㅎㅎ
추천
1
1
댓글 6개
코딩 장인의 빅 그림이 있나 봅니다.
저같은 소인배는 이해가 되지 않습니다만... ㅋ
저같은 소인배는 이해가 되지 않습니다만... ㅋ
저기에 들어가 있는 내용을 봐야 알 것 같아요.
근데 미천한 제 생각에는 소스를 여기저기 서 가져와서 짜집기 한 것이 아닐 까 싶습니다.
근데 미천한 제 생각에는 소스를 여기저기 서 가져와서 짜집기 한 것이 아닐 까 싶습니다.
@잉기
1023픽셀이 되면 숨기는 기능...
@media all and (max-width: 1023px) {
.a {display: none;}
.b {display: none;}
}
1024픽셀이 되면....
@media all and (max-width: 1024px) {
.c {width:100% !important;}
.d ul {width:100% !important;}
.d ul li a {padding:2px 20px;}
}
이것을 꼭 분리할 필요가 있냐는 거지요?
1023픽셀이 되면 숨기는 기능...
@media all and (max-width: 1023px) {
.a {display: none;}
.b {display: none;}
}
1024픽셀이 되면....
@media all and (max-width: 1024px) {
.c {width:100% !important;}
.d ul {width:100% !important;}
.d ul li a {padding:2px 20px;}
}
이것을 꼭 분리할 필요가 있냐는 거지요?
일종의 에러방지 같은 것이죠
음~ 고수님의 깊은뜻인거죠?
320 321 이렇게도 분리해요.
불량학생님의 말씀처럼 일종의 오류방지.
불량학생님의 말씀처럼 일종의 오류방지.
