Kể từ giữa tháng 12 năm 2019, hàm tối thiểu / tối đa CSS4 chính xác là những gì bạn muốn:
(cẩn thận, đây là điều rất mới, các trình duyệt cũ hơn (hay còn gọi là IE & msEdge) chưa hỗ trợ)
(được hỗ trợ kể từ Chromium 79 & Firefox v75)
https://developer.mozilla.org/en-US/docs/Web/CSS/min
https://developer.mozilla.org/en-US/docs/Web/CSS/max
Thí dụ:
blockquote {
font-size: max(1em, 12px);
}
Bằng cách đó, kích thước phông chữ sẽ là 1em (nếu 1em> 12px), nhưng ít nhất là 12px.
Rất tiếc, tính năng CSS3 tuyệt vời này chưa được bất kỳ trình duyệt nào hỗ trợ, nhưng tôi hy vọng điều này sẽ sớm thay đổi!
Biên tập:
Điều này từng là một phần của CSS3, nhưng sau đó đã được lên lịch lại cho CSS4.
Kể từ ngày 11 tháng 12 năm 2019 , hỗ trợ đã đến với Chrome / Chromium 79 (bao gồm cả trên Android và Android WebView) và như vậy cũng có trong Microsoft Chredge hay còn gọi là Anaheim, bao gồm Opera 66 và Safari 11.1 (bao gồm iOS)