Theo Mozilla's own documentation:Flex-wrap polyfill cho Firefox
Firefox chỉ hỗ trợ single-line flexbox.
Tuy nhiên, tôi muốn bắt đầu sử dụng flexbox vì đây là lúc mostly supported by all modern browsers (Tôi không cần nhắm mục tiêu IE 9 cho dự án này một cách may mắn).
Vì Firefox chỉ hỗ trợ flexbox một dòng, lợi ích duy nhất tôi nhận được từ việc sử dụng nó là justify-content
và có thể là align-items
. Theo tôi, sức mạnh thực sự của flexbox là flex-flow
và flex-wrap
, cho phép bố cục đáp ứng.
Thực ra, tôi đã thử sao chép Holy Grail Layout example từ tài liệu Mozilla và mở nó trong Firefox và thậm chí nó không hoạt động đúng ở đó. Các order
thay đổi nhưng nó vẫn cho thấy ba yếu tố trong một hàng thay vì thay đổi flex-flow
.
câu hỏi liên quan: Flexbox not wrapping flex items
Tôi khá chắc chắn rằng hầu hết các đối tượng mục tiêu của tôi là trên Internet Explorer, Firefox, và Safari cho iOS. Có một polyfill mà tôi có thể sử dụng cho Firefox để có được hành vi mong muốn hoặc tôi có phải dự phòng cho float
s, width
s và clear
bản sửa lỗi bằng Modernizr (và nếu vậy, tôi thậm chí còn tìm gì trong Modernizr?)
Liên kết nguồn bị hỏng, nhưng cảm ơn vì '@supports not (flex-wrap: wrap)' –