처음엔... 홈페이지 이미지들이 화면밖으로 탈출해버리는 문제가 생겨서

이래 저래 알아보고 밤새도록 뒤져서 홈페이지 레이아웃(모바일 레이아웃아님) 설정에 있는 헤더 스크립터란에

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" />

이거 넣었더니 이미지는 화면에 딱맞도록 나오던데 문제는...

이렇게 적용하고 나니 글자며 모바일 레이아웃 상단에 있는 메뉴 단추며... 하단 로그인. pc 전환 버튼이고

모두 코딱지 만하게 나와버리네요.

그래서 레이아웃에 있는 헤더 스크립터에 넣었던거 지우고

모바일 레이아웃의 헤더스크립터에 또 위의 문구 넣었더니 아무 변화없이 처음처럼 이미지가 화면밖으로 탈출하는데

글자는 커지는군요.

혹시... 방법 아시는분 있으신지요? 상세하게 가르쳐 주시면.... 성은이 망극할듯 하옵니다.

1번 레이아웃 에 있는 헤더스크립터에 위의 태그 넣었더니 정상적으로 그림은 나오나.. 글자가 아주 작게나오고

이미지의 크기를 320px로 줄여봤는데도 글자는 코딱지만하게 이미지는 작아진채로 빈 여백만 한가득...

2번. 이번엔 레이아웃 헤더스크립터란에 넣은 태그 지우고 모바일 레이아웃에 태그 복사해서 넣었더니

이번엔 이미지가 원례대로 화면밖으로 탈출하고 글자만 커짐

이미지를 320px로 작게 해서 다시 넣어봤더니 그래도 이미지 양 사이드로 여백이 존재하는군요.

ㅠ_ㅠ 퇴근하고 싶어요...