چه چیزی تغییر می کند

به فقدان آن توجه کنید <meta name="viewport" content="width=device-width, initial-scale=1">که جنبه بزرگنمایی سایت ها را در دستگاه های تلفن همراه غیرفعال می کند. علاوه بر این، عرض کانتینر خود را بازنشانی کردیم و نوار ناوبری را برای جلوگیری از فرو ریختن تغییر دادیم و اساساً کار خوبی است.

در مورد نوارهای ناوبری

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

مرورگرها، پیمایش و عناصر ثابت

طرح‌بندی‌های غیر پاسخگو یک اشکال کلیدی در عناصر ثابت را برجسته می‌کنند. هر مؤلفه ثابت، مانند نوار ناوبری ثابت، زمانی که درگاه دید از محتوای صفحه باریکتر شود، قابل پیمایش نخواهد بود. به عبارت دیگر، با توجه به عرض کانتینر غیر پاسخگو 970 پیکسل و نمای 800 پیکسل، به طور بالقوه 170 پیکسل محتوا را پنهان خواهید کرد.

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

سیستم شبکه غیر پاسخگو