반응형 웹페이지1 반응형 헤더 만들기 # Header 우선 헤더를 제작할 때에 나의 경우 내 깃허브 블로그를 많이 참고하였다. 따라서 규격화된 사이즈가 아닐 수도 있으니 css사항에 다른 곳들도 좀 더 찾아보는 것이 좋을 것 같다. ## 반응형 기본 코드 반응형으로 사이트를 만들 때에 많이 쓰는 기본적인 코드의 틀은 다음과 같다. ```htm @media screen and (max-width: 600px) ``` 으로 max-width에는 최대 넓이가 들어가기 때문에 나와 같이 코딩할 경우 0-600px의 화면까지는 저 아래에 작성한 css요소의 설정이 들어가고 그보다 클 경우 기본으로 세팅한 내용이 들어간다고 생각하면 된다. 참고로 반응형 웹의 경우 크기가 상대적으로 변경되기 때문에 요소들을 설정할 때에 절대적인 크기인 px보다는 다른 .. 2024. 2. 11. 이전 1 다음