메인 슬라이드 이미지 디스플레이 크기마다 잘리는 문제
본문
안녕하세요~ 도움을 요청 드릴려고 합니다.
현재 그누보드 기반으로 만든 반응형 홈페이지 입니다.
메인 상단에 가로로 긴 슬라이드 이미지 (화면에 가로는 꽉 찬) 들어 갑니다.
이미지는 PC , 모바일 사이즈 다르게 2개 만들어서 별도로 적용 중입니다.
문제는.
PC 디스플레이 사이즈에 따라 슬라이드 이미지가 확대되거나 밑 부분이 잘리거나 하는 문제가 발생 합니다
물론, 모바일도 핸드폰 디스플레이 사이즈에 따라 같은 현상이 발생 합니다.
이 이미지를 디스플레이 사이즈 변경에 상관없이 똑같이 이미지가 나오도록 할 수 있는 방법이 없을까요?
수정 경로까지 함께 알려주시면 감사하겠습니다.
답변 1
width: 100%; height: auto; object-fit: cover;
웅프님 감사합니다. 혹시 이것을 어느 경로에 입력하면 될까요?
해당오소를 찾아 적용테스트해보시기바랍니다. .....
답변을 작성하시기 전에 로그인 해주세요.