제목을 최대한 쉽게 설명하려 했는데, 잘 한건지 모르겠네요

일반적인 태블릿PC나 데스크탑에서 보면 사이즈대로 정상적으로 나와요.

(당연 레이아웃 데스크탑 기준으로 맞춰서 그렇겠지요?)

그런데 모바일레이아웃에서는 이미지사이즈가 너무 커서 짤리네요.

쉽게 설명을 예로 들자면

[1]문서페이지에 이미지를 올려서 데스크탑PC나 태블릿PC에는 정상적으로 나오며, 스마트폰에서도 모바일 레이아웃 스킨을 사용하지 않으면 정상적으로 나옵니다.

그러나, 설정에서

위와 같이 모바일 기기에 접속시 모바일 페이지를 보여줄때 예를 클릭하고 스마트폰으로 보면 [1]문서페이지의 이미지 파일이

모바일 레이아웃의 사이즈에 맞게 나오지 않고, 기존 이미지사이즈로 나옵니다.

썸네일 생성방식을 비율 맞추기로 하면,

이미지사이즈가 잘라내기보다는 작게나오지만 외적인 부분(메뉴, 스킨레이아웃)이 전체적으로 심하게 작게 나와서

둘다 거기서 거기입니다.

이럴경우 어떤 조작을 하여야만 이미지가 정상적으로 나올까요? 게시판을 통한 이미지파일은 모바일 레이아웃 사이즈에 맞게 정상적으로 나옵니다., 문서페이지의 이미지사이즈는 나오지를 않네요. 이유가 무엇일까요  

무엇을 변경 해야할까요?