2012.02.05 14:05
메카보일의 홈페이지 작업을 마쳤습니다.
지난 주 토요일, 모처럼 시간을 내어 시작하였는데 일주일이 훌쩍 지나갔습니다.
원래 하루 정도 손을 보려고 했는데, 여러 바쁜 일들로 인해 작업에 집중치 못하고 시간이 나질 않았거든요.
어쩌면 대수롭지 않아 차일피일 미루어 왔던 일이었는데 이제야 마무리 지었습니다.
이번의 메카보일 작업 내용은 다음과 같습니다.
위 작업 중 접속환경에 대응하는 미디어 쿼리의 적용에 시간이 제법 소모되었습니다.
우선 대응하는 디스플레이 환경을 설정해야 합니다.
메카보일은 다음과 같이 대응 환경을 설정하였습니다.
위와 같은 접속 환경을 설정한 후 각 각의 모드별로 작업한 다음 일일히 체크해가며 마음에 들도록 수정을 반복합니다.
미디어 쿼리 설정값을 너무 세분하였기에 수정과 확인작업에 시간이 소모될 수 밖에 없었지요.
그러나 미디어 쿼리 설정은 IE9, Chrome, Firefox 등에서만 작동합니다.
IE7, IE8 등의 구형 브라우저에서는 작동하지 않습니다.
만일 IE9, Chrome, Firefox 등으로 접속하셨다면 메카보일의 홈페이지 창 크기를 좌 우로 조정하여 보세요.
창 크기에 따라 페이지의 각 요소와 여백 등이 변화하는 것을 확인할 수 있을 것입니다.
등록된 글이 없습니다.