كيف اجعل صفحة html متوافقة مع الجوال!

السلام عليكم اخواني الاعزاء

اريد كود يجعل صفحة HTML متوافقة ومتجاوب مع الجوال

ارجو ان تكونو فهمتم علي

وعليكم السلام ورحمة الله وبركاته
اهلا وسهلا فيك اختي بمنتدى الدعم والمساعدة

بالطبع فهمنا ما تعنين , في الحقيقة هذا باب كبير لكنه سهل جدا ويطلق عليه "HTML Responsive Web Design ❮ PreviousNext ❯" فيستطلب منك خبرة في css3 لكي تضعين مثلا اذا كان عرض الشاشة 250 بكسل ضع الخط 10 بكسل وان كانت الديفات بجانب بعض فضعها اسفل بعض وهذا بالطبع يتطلب خبرة سابقة في css و html , وهناك طريقة لكن متقدمة وهي بالجافاسكربت تقوم بنفس ما قلته لك لكن بطريقة اصعب وتفاعل اكبر

وهناك مواقع مثل موقع 
bootstrap
تقوم بصناعة قوالب متوافقة مع الجوال والكمبيوتر

أتمنى اكون قد افدتك ولو بالقليل

الأخ عذاب .. عفوا ليس هذا ما أريد


وجدت كود بأحد المواقع اغلب الظن ان هو هذا ما أريد لكن لا أعرف كيفية إستخدامه ارجو المساعدة

الكود:

   /* CSS Global Responsive */
    @media screen and (max-width:960px) {
    }
    @media only screen and (max-width:768px){
    }
    @media (min-width:768px) and (max-width:979px) {
    }
    @media (max-width:767px) {
    }
    @media only screen and (min-width:640px){
    }
    @media only screen and (max-width:640px){
    }
    @media only screen and (min-width:640px){
    }
    @media only screen and (max-width:480px){
    }
    @media screen and (max-width:320px){
    } 

ارجو صنع صفحة HTML ووضع صورة خلفية للصفحة + صورة أمام الصفحة ( ليست خلفية )
مع ضبطها مع الكود اعلاه .. بحيث يتوافق مع شاشة الجوال والتابلت وجميع الشاشات

اعذروني عالإطاله اشكركم♥

هذا هو الذي كنت اتحدث لك عنه

فما ارفقيته هو كود css3 يقوم بضبط كلاسات الصفحة بما يناسبك بالاعتماد على حجم الشاشة او المتصفح

وطبعا للعلم هنا قسم لحل المشاكل فقط ... لكن لا مشكلة سأتساهل معك هذه المرة , اعطيني الصفحة التي صممتيها وسأقوم بتنسيقها وجعلها متناسقة مع جميع الشاشات بإذن الله