min() and max() trong CSS3

Xin chào các bạn,lần trước mình đã giới thiệu qua một tính năng mạnh mẽ của CSS3 là calc() function, hôm nay mình sẽ đưa đến một tính năng khác cũng đơn giản nhưng không kém phần thú vị, đó là min() và max(). Mình nghĩ, nếu bạn biết qua calc() thì chắc bạn cũng sẽ không thể làm ngơ với min() function và max() function. Cặp đôi này cho phép so sánh nhiều giá trị kể cả với các đơn vị đo khác nhau và cách nhau bởi một dấu , để chọn ra giá trị min hoặc max trong chuỗi giá trị đó

#myelement {
  width: max(300px, 30%, 30em);
  font-size: min(10px, 0.6em);
}

Với sự trợ giúp nè, sản phẩm của bạn sẽ có được sự linh hoạt và bắt mắt.

Cám ơn các bạn đã theo dõi, xin hãy đón chờ bài viết sau với một trong những điều thú vị nhất trong CSS3 Animation