부트 스트랩 회전 목마

Question

내가 부트 스트랩 회전 목마를 사용하려고 시도하고있는 이미지의 가로 세로 비율을 유지하고 다음과 같이 예를 시작하는 방법 : http://getbootstrap.com/examples/carousel/

내가 테스트 JPG (1200x480)를 장착 한 슬라이드에,하지만 당신은 크기를 조정할 때 브라우저를 사용하면 이미지가 가로 방향으로 짧아지면서 세로 크기가 유지되므로 브라우저가 작아짐에 따라 이미지가 점점 왜곡됩니다.

동일한 문제 또는 유사한 문제가있는 다른 사용자를 검색하여 찾았지만 아무도 실제로 작동하는 것을 제안하지 않았습니다.

누구나 부트 스트랩 캐로 셀에서 jpg의 이미지 가로 세로 비율을 유지 관리하는 솔루션이 있습니까?

Answer 1

css를 사용하여 회전식 키의 크기를 조절할 수 있습니다. 이것은 나를 위해 일한 : 당신이 사용하는 각 폭 cssrules을 windowsize을 얻고 설정하는 @media를 사용할 수 있습니다

@media (max-width: 767px) { 
    .carousel .item { 
     height: 300px; 
    } 
} 

:

@media (max-width: 500px) { } 

@media (min-width: 501px) and (max-width: 1000px) { } 

@media (min-width: 1001px) { } 

아마도 당신은 당신의 이미지 크기를 사용할 필요도.