모바일 창에 맞게 가로크기 지정

Question

모바일로 회사소개를 보면 메뉴부분 tail부분과 메인내용의 가로가 일치 하지 않네요 혹 해결 방법이 있나요
참고 사이트 www.houting.co.kr 의 회사소개 인사말과 오시는길을 모바일로 보았을때.
고견을 부탁드립니다

패트리오트 · Answer

감사합니다...^^

fm25 · Answer

페이지를 만들 때는 항상 모바일을 염두에 두어야 합니다.

1. 페이지를 반응형으로 만든다.

2. 모바일 페이지를 따로 만든다.

둘 중 한가지 방법을 사용하면 됩니다.

1번 방법이라면...

이미지와 텍스트를 분리하고, 이미지 크기를 반응형으로 설정합니다.

Copy

<img src="그림 주소" width="100%" height="auto">

처럼 가로 세로를 'px'이 아닌 '%'로 잡습니다.

(세로값에 'auto'가 먹히지 않는 경우에는 불가피하게 'px'을 사용해야 합니다)

'내용관리'로 페이지를 만들었다면 'html 모드'로 바꾸어서 수정하면 됩니다.