سلام. میخواستم بدونم در پراپرتی object-fit فرق مقدار scale-down با contain باهم و همچنین فرق مقدار none با cover چیست؟
درود
scale-down باعث میشه تا مرورگر none و contain رو برای محتوا مقایسه کنه و در نهایت هرکدوم که اندازه محتوا باهاش کوچکتر باشه رو انتخاب میکنه.
none باعث میشه تا محتوا به هیچ عنوان تغییر اندازه نده و با همون اندازه اصلیش درون ناحیه محتوای عنصر قرار بگیره.
cover باعث میشه تا از بین مقدار کوچکتر بین عرض و ارتفاع انتخاب کنه.
برای دیدن مثالها میتونید به صفحه object-fit در w3schools مراجعه کنید.