كيف اجعل قالب html/css متجاوب على جميع الشاشات

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

كيف اجعل قالب html/css متجاوب على جميع الشاشات ؟

مهما حاولت ذلك فاني لا استطيع اتمنى ان اتعلم هذا الشئ لكي احقق جزء بسيط من اراداتي واتمنى الجواب على سؤالي .. شكرا للجميع

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

أنصحك قبل أن تستعمل أي إطار عمل أن تتعلم كيف تقوم بذلك بنفسك من خلال Media Queries في CSS3

لا تبدء إستخدام أي framework لعمل تجاوب بل يجب أن تتعلم وتستخدم الأساس ألا وهي CSS media queries

anassix أضف ردا

اسهل طريقة في نظري استعمل اطار bootstrap او foundation

هل من الممكن ان تعطيني توضيح عن هذه الاطارات وكيف تعمل ؟

anassix أضف ردا

اطار يسهل عليك الامور فمثلا تريد صنع gallery للصور تضع كلاس جديد في الديف الخاص بالصور مثلا

div class="row

div class=" small-12 medium-12 large-12 columns

img src="img/f.png

هذا نموذج foundation

و هاته الكلاسات يتم تحديدها من طرف مطوري الاطار للدلك يجب تعلم التي تناسبك

شكرا لك بحثت بالانترنت وعرفت الطريقة

لكن كيف اجعل القالب متجاوب من خلاله .. هل لديك مصدر لكي اتعلم منه ؟

انا افضل foundation لكن بالنسبة لك هذه افضل دورة عربية لتتعلم

ما أراه الأفضل بالنسبة لي وبالنسبة لمدونين آخرين فإن القالب الذي يمتلك قالب جوال ملحق به أفضل من التجاوب .

فالمدون حينها سيحصل على تحكم كامل للقالب بنوعيه

غالي قم بإستخدام مكتبة bootstrap

الشرج موجود على هاذا الرابط:

وشكرا ;)

عن طريق media queries

للمزيد من المعلومات عنها

اياك واستخدام اطار العمل قبل معرفة كيفية استخدام Css Media Queries صدقني وكما يقول المثل اسأل مجرب ولا تسأل حكيماً

بأمكانك تعلم تجاوب موقعك عن طريق ال Media Queries في CSS3

وذالك يتم تحديد حجم شاشه معين وتقوم بالتعديل على شكل الموقع بهذا الحجم

مثال :

@media (max-width: 400px) {

html { background: red; }

}

@media (min-width: 401px) and (max-width: 800px) {

html { background: green; }

}

@media (min-width: 801px) {

html { background: blue; }

}

ودا فيديو يشرح الميديا كويرى بالتفصيل

بالتوفيق لك

أستعمل ال media querie