테스트 사이트 - 개발 중인 베타 버전입니다

메인 슬라이드 이미지 디스플레이 크기마다 잘리는 문제

르망이 1년 전 조회 3,642

안녕하세요~ 도움을 요청 드릴려고 합니다.

 

현재 그누보드 기반으로 만든 반응형 홈페이지 입니다.

메인 상단에 가로로 긴 슬라이드 이미지 (화면에 가로는 꽉 찬) 들어 갑니다.

이미지는 PC , 모바일 사이즈 다르게  2개 만들어서 별도로 적용 중입니다.

 

문제는.

PC 디스플레이 사이즈에 따라 슬라이드 이미지가 확대되거나 밑 부분이 잘리거나 하는 문제가 발생 합니다

물론, 모바일도 핸드폰 디스플레이 사이즈에 따라 같은 현상이 발생 합니다.

 

이 이미지를 디스플레이 사이즈 변경에 상관없이 똑같이 이미지가 나오도록 할 수 있는 방법이 없을까요?

 

수정 경로까지 함께 알려주시면 감사하겠습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

웅푸
1년 전

width: 100%; height: auto; object-fit: cover;

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

르망이
1년 전
웅프님 감사합니다. 혹시 이것을 어느 경로에 입력하면 될까요?
웅프
1년 전
해당오소를 찾아 적용테스트해보시기바랍니다. .....

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인