채택완료

list 목록수 반응형

2016-08-26 (금) 18:08:04 4,391

@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로는 안 되고, 자바스크립트(제이쿼리)로 짜셔야 할 것 같은데요.

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