كيفية جعل الصفحه متناسقة مع الأجهزة كاملة

السلام عليكم ورحمه الله وبركاته
مرحبا بكم جميعا

انا سويت مثل قائمة منسدلة القائمة ممتازة على الكومبيوتر. ولكن الجوال خربانه

ابي حل الله وفقكم جميعا وشكرا لكم
مثل هذا الصورة

انا ماعندي منتدى
هل تقصد الموقع

يكون الشكل في الجوال صغير جدا
http://7arabiy-com.stackstaging.com/

وعليكم السلام ورحمة الله وبركاته

اخي :
استخدم وسم الميتا

الكود:

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

في راس الصفحة اي بعد الوسم

الكود:

<title>.. </title>

هذا الكود يجعل عرض صفحة الويب الاقصى يتوائم مع عرض شاشة الجهاز المستخدم "الهاتف".