Tôi muốn băng chuyền quy mô tương ứng hình nềnTwitter Bootstrap Carousel Không Trải dài Bối cảnh hình ảnh
trong câu hỏi này Bootstrap Carousel Image does not scale proportionately nó được đề nghị rời khỏi chiều hướng rõ ràng hình ảnh nhưng tôi không thể hiểu được ý nghĩa của nó.
Set này trong HTML của bạn
Đối với mỗi img phần tử trong băng chuyền, bạn có thể thiết lập các thuộc tính để width100% như thế này (mặc dù bạn không cần phải nếu độ phân giải tự nhiên là lớn hơn so với kiểm soát):
<img src="http://i.imgur.com/OEdBxVD.jpg" width='100%'>
width hoặc height bộ đến bất kỳ điểm ảnh kích thướcKể từ khi hình ảnh sẽ đi toàn màn hình, bạn nên cố gắng để có được bàn tay của bạn trên một độ phân giải tự nhiên sẽ cố gắng chiếm toàn bộ chiều rộng có sẵn. Khi trình duyệt phải mở rộng hình ảnh lên, nó sẽ gây ra hiện vật.
Ý của chúng là để bỏ chiều rộng = px và height = px khỏi hình ảnh (hoặc kiểu hình ảnh). Bạn có thể đặt chiều rộng = "100%" và rời khỏi chiều cao. Trình duyệt sẽ tỷ lệ tương ứng cho bạn.
cảm ơn bạn, tôi nên đặt nó ở đâu? – lowcoupling
Tôi phải xem mã của bạn để thực sự trợ giúp. Nhưng hãy thử đặt chiều rộng = "100%" trực tiếp trong thẻ img của bạn ... vì vậy, chẳng hạn như 
–
cảm ơn bạn, tôi đang thử nhưng dường như không hoạt động. Tôi cũng đang thử . –
lowcoupling
Hãy thử tùy chọn này mà không có kiểu nội tuyến. Chỉ cần thêm vào biểu định kiểu của bạn để ghi đè kiểu bootstrap.css.
.carousel .item {
width: 100%;
/*slider width*/
max-height: 600px;
/*slider height*/
}
.carousel .item img {
width: 100%;
/*image width*/
}
Hi @lowcoupling, Tôi thấy bạn đang làm việc với Carousel của Bootstrap! Lời khuyên thân thiện: để có những câu trả lời hay nhất ở đây, hãy thử đặt câu hỏi [Ngắn, Tự chứa, Đúng, Ví dụ] (http://sscce.org/). Đôi khi hành vi kỳ quặc chỉ tồn tại trong mã của bạn để có thể khó tái tạo cho người lạ trên internet. Chiến lược tốt nhất thường là đăng một số mã và chỉ ra những gì không hoạt động. – KyleMit