السلام عليكم عندى مشكلة فى موقعى لما اكبر الزووم تبع المتصفح كل العناصر بتتحرك من مكانها ومقاسات الصفحة كلها بتتلغبط ياريت حد يساعدنى لحل المشكلة دى مع انى مفيش مشكلة فى اعطاء margin وكل شى صحيح فى الكود وشكرا
سبب هذه المشكلة انك تقوم بعمل التصميم علي شاشه معينه وعندما تنتقل من هذه الشاشة لشاشة اخري مختلفه في الحجم ( تكبر او تصغر المتصفح ) فان التصميم يظهر بشكل سي لان العناصر تكون غير متناسقة مع الحجم الجديد للشاشة وحتي تقوم بحل هذه المشكلة فانك تحتاج ان تخبر المتصفح ذلك
مثال :
في شاشة الكبيرة يكون هناك ثلاث عناصر داخل السيكشن وإذا وضعت نفس الثلاث عناصر في الشاشات الصغيرة لن تظهر بشكل جيد ولكي تحل هذه المشكلة يجيب ان تخبر المتصفح انه في حالة الشاشات صغيرة الحجم اريد عنصر واحد فقط داخل السيكشن
وهناك طريقتين لتقوم بذلك باستخدام الكود
أولًا باستخدام ال media query
وهي خاصية موجوده في ال css تمكنك من التحكم في تنسيق العناصر علي حسب حجم شاشه معين
ثانيا باستخدام مكتبة ال bootstrap
وهي مكتبة جاهزة توفر لك العديد من المميزات واهمها التحكم في تنسيق العناصر علي حسب حجم الشاشة وذلك بإضافة class للعنصر يحتوي علي قيمة معينة
وانصحك أولا بتعلم ال media query من قناة ال zero web school
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.
التعليقات