🔥 오늘의 목표
- 반응형 웹사이트 포트폴리오
📝 노트필기 및 정리
- 진도
1. 메인페이지 섹션 모바일로 변환하기
자 이거 중요한데요... 원래
>>>height의 기본값은 auto 임.
(내용물의 크기만큼 높이가 바뀜)<<<
그런데 section 에서 h300을 줬잖아요?
그럼 모바일 버전에서는 height를 다시 auto로 되돌려?줘야 함.
그렇지 않으면(=모바일 버전에서 height: auto를 주지 않으면)
내용물의 크기만큼 높이가 바뀌지 않아서 엉망이 된다.
❗️❗️❗️
반대인 경우도 있는데, (css)bg로 배경 이미지를 준 경우에는 모바일 버전에서
직접적으로 높이height값을 줘야 한다.
왜냐? html 자체에는 아무 값?이 없기 때문에 h:auto를 주면 걍.. 아무것도 없어져 버림.
4개만 기억해라!
1. height: auto;
2. float: none;
3. position: static;
4. width: 100%
💭 느낀점
-
오늘 한 일은 무엇인가요?
-
중요한 것/기억해야 하는 것은 무엇인가요?
-
내일 할 일은 무엇인가요?
🦜🦜🚗🏍 🚲🌳🌈🎀