اذهب إلى المحتوى
  • 0

تنسيق الصفحة للموبايل

شادي رحال

السؤال

أنشأت موقع الكتروني و وضعته في موقع استضافة مجانية حملت إليه ملفاتي, و ظهر عندي بشكل جيد على الكمبيوتر لكنه بطيء بسبب حجم بعض الملفات , وعند تصغير عرض نافذة المستعرض يكون التجاوب جيد كما صممته تماماً , لكن عندما أفتح البرنامج على الموبايل يكون الموقع سيء جداً و ليس كما صممته أبداً و العناصر متداخلة ...

كذلك عندما قام شخص آخر بفتح الموقع عنده على الكمبيوتر ظهرت لديه أخطاء برمجية لا توجد عندي  عندما أفتح الموقع من الكمبيوتر لدي .

ما السبب و ما الحل , عملت أكثر من كورس عل css ,  ولم تذكر فيهم هذه الأمور .

علماً أني وضعت اكواد التنسيق المطلوبة :

 

<meta charset="UTF-8" />
<meta lang="en-US" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />

بالنسبة للمسارات كتبت أكواد html  في مجلد , و أكواد جافاسكربت في مجلد آخر و أكواد css  في مجلد ثالث و هكذا ...

جربت وضع جميع الاكواد  css , javascript في ملف  html ,  لكن لم يتغير شيء على الموبايل, بل ظهرت لدي مشاكل على الكمبيوتر بسبب اختلاف الاولوية لبعض الخصائص.

 ماهو الحل  ؟

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

 

تم التعديل في بواسطة Hadi Hasan
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

بخصوص إختلاف التجاوب على المتصفحات فيجب الأخذ بنظر الإعتبار عند كتابة css أن تكون أكوادك تدعم كافة المتصفحات الشائعة popular بما معناه تستطيع تحديد المشكلة من خلال معرفة نوع المتصفح  الذي ظهرت به المشكلة وإصداره وكذلك النظام التشغيلي حيث أن بعض الخصائص لنفس نوع المتصفح قد تعمل على وندوز ولكن ليس على ios على سبيل المثال. بخصوص أخطاء جافاسكربت نحتاج صورة الشاشة للأخطاء الذي ظهرت في console حتى نساعدك في حل المشكلة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

علمت اليوم أنه لم يكن خطأً في جافاسكربت بل أيضاً في css  خاصية ال animation.

نعم اعتقدت أن المشاكل بسبب أنواع المتصفح , لكن حتى عندما فتح الشخص الآخر نفس المتصفح لدي وهو كروم بقيت هناك مشاكل, علماً أن نظام التشغيل لديه ماكنتوش وليس وندوز , وبالتالي المشاكل محصورة بنظامي التشغيل : أندرويد و ماكنتوش , و ربما غيرهما , أما نظام التشغيل لدي فهو : وندوز10.

كيف أنسق لجميع أنظمة التشغيل ؟

تم التعديل في بواسطة Hadi Hasan
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 23 ساعات قال علي محسن:

وكذلك النظام التشغيلي حيث أن بعض الخصائص لنفس نوع المتصفح قد تعمل على وندوز ولكن ليس على ios على سبيل المثال.

هل هناك مصدر لأراجعه من أجل التنسيق حسب أنظمة التشغيل وكيف أعرف الخصائص المدعومة و غير المدعومة للأنظمة المشهورة ؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ منذ ساعة مضت قال Hadi Hasan:

هل هناك مصدر لأراجعه من أجل التنسيق حسب أنظمة التشغيل وكيف أعرف الخصائص المدعومة و غير المدعومة للأنظمة المشهورة ؟

حاول أن تبحث في google عن العنوان التالي ستجد الكثير من الخيارات التي تساعدك على اكتشاف وحل المشكلة

Cross-Browser Testing Tools

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...