Ràng buộc chiều cao hình ảnh với hình ảnh phản hồi bootstrap?

Question

Làm việc trên một trang web sử dụng bootstrap, trong phần danh mục đầu tư, những hình ảnh của dự án là đáp ứng với:

'class' => 'img-responsive' 

Nó hoạt động tuyệt vời cho hình ảnh phong cảnh, ảnh chân dung được thổi lên để phù hợp với chiều rộng khôn ngoan, nhưng quá cao, có cách nào để kiểm tra hình ảnh được định hướng dọc và chỉ áp dụng chiều cao cố định là 600px không?

Answer 1

Nếu container nên có chiều cao cố định, sau đó cung cấp cho nó một ID (hoặc một lớp học) và thay đổi hạn chế .img đáp ứng cách khác xung quanh ví dụ

.container { 
height: 600px; 
} 


/*And then change */ 
    .container .img-responsive { 
    display: block; 
    height: auto; 
    max-width: 100%; 
} 
/*To */ 

.container .img-responsive { 
    display: block; 
    width: auto; 
    max-height: 100%; 
} 

Không chắc thế nào nó sẽ làm việc với một kết hợp các định hướng nhưng nếu chúng được thả nổi, nó không thực sự quan trọng