모바일에서 내용직접 추가로 했습니다만

이런 현상이 나타납니다.

휴대폰을 정상적으로 즉 가로로 볼 때

아래 그림처럼 공간이 나타납니다.

폭을 100% 높이를 제 이미지의 크기로도 해 봤고 auto로도 해 봤으나 동일한 현상입니다.

휴대폰을 세로로 하면 그림처럼 공간없이 제대로 나타납니다.

그렇다고 가로에서 공간없이 하면 세로에선 윗그림이 짤려서 나타납니다.

어떻게 하면 가로와 세로 모두 여백없이 정상적으로 나타날까요?

부탁드립니다.