미디어 쿼리
관련링크
http://#
205회 연결
본문
|
2 3 |
@media ( max-width: 1024px ) { ul li { width: 25%;} } |
위에 내용이 1024픽셀 이하이면
li가 25%로 줄어든단 얘기 인가요?
자세한 설명 부탁합니다
답변 2
화면해상도 0 ~ 1024PX 까지는 ul li { width: 25%;} 스타일 적용
그럼 li 길이가 1/4 로 줄어든단 얘기인가요?
예. 부모요소 전체 가로 너비의 1/4로 된다는 의미입니다.
상위의 다른 div 나 크기를 지정해 놓은 것이 있다면 그 안에서 1/4 사이즈가 된다는 거겠지요.
상위 CSS에 max-width:400px라면 100px 가 되겠지요?
답변을 작성하시기 전에 로그인 해주세요.