درس 40؛ مدیا کوئری ها و تعیین نقاط شکست
ZIP را استخراج و index.html را باز کنید؛ اینترنت لازم نیست.
قواعد: کمتر از 600px یک ستون؛ از 600px دو ستون؛ از 960px سه ستون. در 960 هر دو شرط min-width درست اند، اما قانون سه ستون با مشخصات هم سطح بعدتر آمده است.
عرض های 320، 599، 600، 959، 960 و 1280px را آزمایش کنید. با Grid overlay تعداد ستون را ببینید و با Styles قوانین فعال را مقایسه کنید.
متن را بلند و مرورگر را 200 درصد بزرگ نمایی کنید؛ هم پوشانی یا اسکرول افقی نباید دیده شود.
تمرین: tools در عرض حداقل 720px ردیفی و چندخطی شود. پاسخ در solution.css است؛ این خط را پس از style.css در head بگذارید:
<link rel="stylesheet" href="solution.css">
عرض های 719 و 720px را برای پاسخ بررسی کنید. با Tab همه لینک ها را دنبال کنید.
در پیش نمایش چاپ، منو، نشانگر وضعیت و تمرین حذف می شوند؛ کارت ها، راهنما و فوتر باقی می مانند.
