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

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

QA

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

본문

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

이 질문에 댓글 쓰기 :

답변 2

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

 

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

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

 

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

 

1번 방법이라면...

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

 

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

 

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

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

 

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

 

예 : http://www.liberta.kr/bbs/content.php?co_id=company&device=mobile

답변을 작성하시기 전에 로그인 해주세요.
전체 479
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT