>

이미지를 div에 완전히 맞추기 위해 Jquery를 통해 CSS/설정을 변경하는 데 어려움이 있습니다. 사진을 div에 완벽하게 맞추려면 어떻게해야합니까?

https://jsfiddle.net/teonxyku/1/

다음을 시도했습니다 :

#slider1_container img {
    max-width:100%;
    max-height:100%;
}

그러나 슬라이더가 더 깨졌습니다.

jsfiddle을 붙여 넣을 것이므로 전체 코드를 더 잘 이해할 수 있습니다. 미리보기입니다.

http://fiddle.jshell.net/teonxyku/1/show/ 빛/


  • 답변 # 1

    클래식의 오래된 해결책은 이미지를 div의 배경으로 만드는 것입니다

    <프리 클래스 = "조각 코드 - CSS 랭 CSS를 prettyprint 오버라이드 (override)"> #slider1_container { width: 200px; height: 160px; background: url('https://images.unsplash.com/photo-1518791841217-8f162f1e1131?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80'); background-size: cover; background-repeat: no-repeat; }

    <div id="slider1_container"></div>
    
    

  • 이전 javascript - Google Script에서 HTTP 응답을 시도/취득하는 가장 좋은 방법
  • 다음 javascript - nodeJ에서 콜백에 대한 첫 번째 인수로 오류가 전달되는 이유는 무엇입니까?