twitter-bootstrap 회전식 css 이미지 크기 조정

여기 캐 러셀 예를 시도 중입니다 1200x300의 이미지가 있습니다. 큰 화면에서 너비가 1200보다 큰 것은 괜찮아 보입니다. 그러나 브라우저 너비를 줄이면 캐 러셀의 이미지가 줄어들어 얇아 보입니다. twitter-bootstrap 회전식 css 이미지 크기 조정

컨베이어 내에서 이미지에 적용되는 최소 높이 종류의 트릭이 있습니까?

출처

2013-08-30 Darn

[최소 높이 - CSS | MDN] (https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) – Itay

CSS media queries을 사용하면 필요한 것을 얻을 수 있습니다.

출처

2013-08-30 16:17:40

얘들 아, 의견을 보내 주셔서 감사합니다. 이미지가 종횡비를 유지하도록하는 것이 좋습니다. 그러나 사용자가 화면 너비를 줄이면 수동으로 높이를 설정하는 트릭을해야하는 경우 미디어 쿼리가 이동해야합니다. – Darn

기본적으로 내가보기에는 어떤 코드도 없기 때문에 반응 형 부트 스트랩이 있어야합니다. 그렇지 않으면 부트 스트랩을 해제해야합니다. 페이지의 객체 크기를 교묘하게 재조정합니다.

또한 당신이 다음 이미지 http://placehold.it/1200x300 크기를 조정하면 그 모든

출처

2013-08-30 16:17:41 Hive7

당신이 img에 max-width: 100%; height: auto;를 설정 한 경우에 영향을 미치지 않을 수도 있습니다, 그것은 화면 비율의 유지됩니다 비록 (즉, 정확한 모양을 유지) 축소 것으로 나타났습니다 아무리 좁아도 상관 없습니다.

출처

2013-08-30 16:55:24

twitter-bootstrap 회전식 css 이미지 크기 조정

답변

관련 문제