Khi tôi có chiều rộng đầy đủ, vùng chứa chất lỏng, văn bản của tôi trong google chrome bị biến dạng (quá lớn), nhưng không có trình duyệt nào khác. Tại sao?

Question

.container-fluid{ 
    background-color: $white; 
    padding: 0; 

    &.featured{ 
     max-width: 1300px; 
    } 
} 

Vì vậy, tôi đặt bộ lọc này thành dung dịch thùng chứa và đặt chiều rộng tối đa trên nội dung chính (.featured), tôi có một điều hướng hàng đầu vẫn giữ nguyên chiều rộng trang. Nếu tôi phóng to rất nhiều trong chrome, văn bản sẽ bị biến dạng. Tôi không thể thấy bất kỳ thay đổi phông chữ nào tôi đang thực hiện trên các truy vấn phương tiện để gây ra lỗi này và nó hoạt động tốt trong safari và firefox.

Bất kỳ Ý tưởng nào về cách giải quyết vấn đề này hoặc những gì tôi nên tìm hiểu thêm?

chrome:

cùng zoom, nhưng với firefox:

Answer 1

Nếu tôi nhận được câu hỏi của bạn đúng, bạn cần phải kết thúc để định nghĩa nổi bật của mình:

.featured { 
    overflow-wrap: break-word; 
} 

Đảm bảo yếu tố nổi bật có thể mở rộng theo chiều ngang, tức là không có chiều cao tối đa.

Nếu đây không phải là vấn đề, vui lòng đăng một codepen/fiddle