قراره بهتون تضمین موفقیت در برنامه‌نویسی و کلی آفر ویژه بدیم 😎 (برای شروع کلیک کن 👉)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ Mohammad Hasan Habibi
فرق مقدار scale-down و contain و همچنین فرق مقدار none با cover
جامعه Html & CSS ایجاد شده در ۰۲ بهمن ۱۴۰۱

سلام. می‌خواستم بدونم در پراپرتی object-fit فرق مقدار scale-down با contain باهم و همچنین فرق مقدار none با cover چیست؟

درود

scale-down باعث میشه تا مرورگر none و contain رو برای محتوا مقایسه کنه و در نهایت هرکدوم که اندازه محتوا باهاش کوچک‌تر باشه رو انتخاب میکنه.

none باعث میشه تا محتوا به هیچ عنوان تغییر اندازه نده و با همون اندازه اصلیش درون ناحیه محتوای عنصر قرار بگیره.

cover باعث میشه تا از بین مقدار کوچکتر بین عرض و ارتفاع انتخاب کنه.

برای دیدن مثالها میتونید به صفحه object-fit در w3schools مراجعه کنید.


بهترین پاسخ
نازنین کریمی مقدم ۰۴ بهمن ۱۴۰۱، ۰۵:۳۶