اندازه محتوا برای نمای درگاه درست نیست

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

چگونه ممیزی عرض محتوای Lighthouse شکست می خورد

فانوس دریایی صفحاتی را که عرض آنها با عرض نمای دید برابر نیست پرچم گذاری می کند:

ممیزی فانوس دریایی که محتوایی را نشان می‌دهد که اندازه‌ی درستی برای ویوپورت ندارد

اگر window.innerWidth برابر window.outerWidth نباشد، ممیزی با شکست مواجه می‌شود.

چگونه صفحه خود را بر روی صفحه نمایش موبایل قرار دهید

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

شما می توانید این ممیزی را نادیده بگیرید اگر:

  • سایت شما نیازی به بهینه سازی صفحه نمایش موبایل ندارد.
  • عرض محتوای صفحه شما عمداً کوچکتر یا بزرگتر از عرض viewport است.

منابع