سلام. وقت بخیر

متاتگ viewport به مرورگرها می‌گه چطور مقیاس و ابعاد یک صفحه رو کنترل کنن.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

این خط به مرورگر می‌گه که عرض صفحه به اندازه عرض دستگاه (موبایل) تنظیم بشه و صفحه به اندازه واقعی خودش نمایش داده بشه.

وقتی می‌گیم initial-scale=1.0 یعنی می‌خوایم وقتی صفحه باز شد، دقیقاً به اندازه‌ی اصلی خودش باشه؛ نه بزرگ‌تر، نه کوچک‌تر. به عبارت دیگه، صفحه همونجوری که هست، بدون هیچ تغییر اندازه‌ای نمایش داده بشه.