list 목록수 반응형 채택완료

@media screen and (max-width:630px){ 목록수 조절(?) }

 

css로 표현하면 저렇게 될거같은데... 화면 width값에 따라 목록수에 변화를 주고싶습니다

1000픽셀일때 9개 > 630픽셀일때 8개  이런식으로...

가능할까요?

답변 2개

채택된 답변
+20 포인트

네 가능합니다.

css3의 nth-child(n) 선택자를 이용하면 될것으로 판단됩니다.

위 사항은 ie8 이하는 되지 않겠구요..

아래 사항을 가능하겠습니다.

목록마다 각각의 class나 id를 부여하고  display 조절하면 가능합니다.

단 약간의 class나 id를 부여하는 프로그램이 필요하겠죠..

 

로그인 후 평가할 수 있습니다

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

css로는 안 되고, 자바스크립트(제이쿼리)로 짜셔야 할 것 같은데요.

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고