تصویر، ویدئو و متن در هر عرض خوانا بمانند

تصویر با چند اندازه واقعی

کوه های هندسی سبز و آبی زیر خورشید زرد

مرورگر با توجه به عرض نمایشی، تراکم پیکسل و شرایط خود، یکی از فایل ها را انتخاب می کند.

مقایسه برش و حفظ کامل تصویر

همان منظره در قاب چهار به سه با برش لبه ها
cover؛ پر کردن قاب با احتمال برش
همان منظره به صورت کامل در قاب چهار به سه
contain؛ تصویر کامل با فضای اضافه

ویدئوی محلی و منعطف

توضیح ویدئو: نمایش ثابت یک منظره هندسی شامل دو کوه و خورشید، به مدت سه ثانیه. این نمونه صدا، گفتار یا اطلاعات زمانی اضافه ندارد؛ برای تمرین اندازه پخش کننده است.

دانلود ویدئوی نمونه

عنوان تمرین با اندازه منعطف

اندازه این عنوان را با clamp بین 1.5rem و 2.5rem نگه دارید؛ مقدار میانی 1rem + 2vw باشد. پیش از فعال کردن solution.css تلاش کنید.