2 3 @media ( max-width: 1024px ) { ul li { width: 25%;} } 위에 내용이 1024픽셀 이하이면 li가 25%로 줄어든단 얘기 인가요? 자세한 설명 부탁합니다

이전 목록 다음

채택완료

미디어 쿼리

술탄살라딘

2018-10-10 (수) 13:41:26 2,311

2 3	@media ( max-width: 1024px ) { ul li { width: 25%;} }

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

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

자세한 설명 부탁합니다

#그누보드5

채택된 답변

+20 포인트

sinbi

2018-10-10 (수) 13:43:35

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

술탄살라딘

2018-10-10 (수) 13:45:34

그럼 li 길이가 1/4 로 줄어든단 얘기인가요?

sinbi

2018-10-10 (수) 14:14:39

예. 부모요소 전체 가로 너비의 1/4로 된다는 의미입니다.

선인

2018-10-10 (수) 13:52:24

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

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