پروژه درس 25: واحدهای اندازه گیری CSS — ارومیا دیزاین
اجرا: پوشه را از ZIP استخراج کنید. index.html را در مرورگر باز کنید.
این پروژه بدون اینترنت، جاوااسکریپت و نصب ابزار اجرا می شود.
فایل style.css نسخه شروع است. برای دیدن پاسخ، در index.html مسیر style.css را به solution.css تغییر دهید.
آزمایش عرض: پنجره را کوچک و بزرگ کنید. عرض درصدی تغییر می کند؛ عرض ثابت تا زمانی که max-width محدودش نکند، 200px باقی می ماند.
آزمایش فونت: در style.css اندازه component را از 1.25rem به 1.5rem تغییر دهید. em-text و دکمه بزرگ می شوند؛ rem-text اندازه ثابت نسبت به ریشه دارد.
با فرض فونت ریشه 16px: component=20px، em-text=24px، rem-text=19.2px.
پس از تغییر component به 1.5rem: component=24px، em-text=28.8px، rem-text=19.2px.
آزمایش ریشه: به طور موقت font-size ریشه را 125% کنید و نتیجه را ببینید؛ سپس به 100% برگردانید.
تمرین: متن بخش practice را 1.25rem و فاصله داخلی آن را 2rem کنید.
همه اعداد داخل کد انگلیسی هستند.
