테스트 사이트 - 개발 중인 베타 버전입니다

미디어 쿼리 채택완료

술탄살라딘 7년 전 조회 2,042

2

3

@media ( max-width: 1024px ) {

  ul  li { width: 25%;}

}

 

위에 내용이 1024픽셀 이하이면

li가 25%로 줄어든단 얘기 인가요?

자세한 설명 부탁합니다

 

 

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

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
7년 전

화면해상도 0 ~ 1024PX 까지는  ul  li { width: 25%;} 스타일 적용

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

답변에 대한 댓글 2개

술탄살라딘
7년 전
그럼 li 길이가 1/4 로 줄어든단 얘기인가요?
s
sinbi
7년 전
예. 부모요소 전체 가로 너비의 1/4로 된다는 의미입니다.

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

7년 전

상위의 다른 div 나 크기를 지정해 놓은 것이 있다면 그 안에서 1/4 사이즈가 된다는 거겠지요.
상위 CSS에 max-width:400px라면 100px 가 되겠지요?

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

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

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

로그인