برای آشنایی با قالب صورت سوال در Quera اینجا را مشاهده کنید و برای آشنایی با نحوه‌ی کار با ورودی و خروجی استاندارد (stdin و stdout) در زبان‌های مختلف، اینجا را ببینید.

در مورد سوالات پروژه‌ای می‌توانید انتخاب کنید که کدتان را به یکی از زبان‌های پایتون یا جاوا بزنید و در سوال مربوطه می‌توانید راه‌حلتان را ارسال کنید.

فرانت‌‌اند - صفحه‌ی پاسخگو


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

Responsive Page

جزئیات🔗

ویژگی background-color برای body:

  • در صورتی که عرض صفحه کمتر از ۶۰۰ پیکسل است،‌ باید #F00 باشد.
  • در صورتی که عرض صفحه بین ۶۰۰ تا ۹۰۰ پیکسل (شامل خود ۶۰۰ و ۹۰۰) است، باید #FF0‌باشد.
  • در صورتی که عرض صفحه بیشتر از ۹۰۰ پیکسل است، باید #0F0 باشد.

تغییرات لازم را در فایل responsive.html و در صورت نیاز فایل‌ .css مورد نظر خود انجام دهید.

نکات🔗

  • فرض کنید سیستم به اینترنت متصل نیست، بنابراین از ارجاع به فایل‌های موجود در وب (CDN ها) خودداری کنید.
  • پروژه را با ساختار زیر ارسال کنید.
    [your-zip-file-name].zip
    ├── responsive.html
    └── your .css files (Optional)
    Plain text
ارسال پاسخ برای این سؤال
در حال حاضر شما دسترسی ندارید.