여기의 일기

반응형 코딩 시 참고할점 * 박스를 한번씩 더 감싸줘야 한다. #header 안에 .header_in : #header{width:100%} / .header_in{width:1200px;margin:0 auto;} 만약에 상단 메뉴 형태가 왼쪽에 메뉴, 가운데 로고, 오른쪽 메뉴의 형태라면, position으로 위치를 지정한다. 1.#main_contents 안에 컨텐츠 한줄이 100%일 경우 width:100% 주고 media에 따라 조정할때 좌우 padding값을 함께 주면서 조정 위의 예시는 위의 제목 title까지(잘린부분)를 모두 감싸는 박스 하나를 만들어 100%를 주고(나중에 media 크기별로 여기서 padding값을 함께 주어 ), 그 안에 내용은 아래와 같이 속성을 넣어준다. ul {..

평소 괜찮게 봤던 반응형 사이트들 정리 ※매우 개인적인 생각들이 정리되어있음. 심지어 보관해놓은지 오래돼서 리뉴얼된 홈페이지도 많음 1.고려인삼누리집 깔끔한듯 신경 안쓴것 같지만 색감도 괜찮고 딱 떨어지는 디자인 중요한곳에 포인트색상을 잘 써서 군더더기 없어보임 비주얼부분 처리도 참고할만함 2.국립현대미술관 미술관이라는 주제에 맞게 소개되는 작품(포스터)들이 돋보이게끔 최대한 절제하면서 튀지 않고 정리정돈 잘된 홈페이지 거슬릴수 있는 색상부분도 아주 가늘게 들어가고 작은 부분에 쓰여져서 조화가 좋음 3.서울미래유산 여기는 개인적으로 폰트부분은 마음에 들지 않는데, 사이트 특성상 많은 콘텐츠들을 고려하면 나름 고민고민해서 정리한 티가 난다. 그리고 비주얼 부분의 아이디어도 괜찮았음 아래로 툭툭 떨어지는 형..