Register now or log in to join your professional community.
اسهل طريقة هي استخدام اطر عمل السي اس اس كالبوتستراب
شخصيا باستعمال مركبات html5 التي في الغالب تدعم جميع المتصفحات الشهيرة وعند عدم توفر هذه الخاصية اتطرق الى استعمال مكتبة bootstrap التي تتيح استعمال ما يسمى responsive design
باستخدام تقنية البوتستراب التي تجعل الموقع يتفاعل مع جميع شاشات العرض والمتصفحات
ابحث على الانترنت عن ما يسمى responsiv web desgin ستجد الكثير من المواضيع التي تفيدك في هذا المجال
ايضا يوجد frameworks كثيرة تساعدك في هذا المجال من اشهرها bootstrap وهنا تقنية حديثة ولكنها غير مشهورة تسمى بالـ grid view اعتقد الجميع سيستخدمها في المستقبل
كل المتصفحات تعمل على نظتم قياسي واحد اسمه
HTML5
و اسهل طريقه لجعل موقعك يتجاوب مع اي متصفح هو بناء الموقع على هيكل جيد
framwork
من احسنها في النت هو
angular.io
اي عمل كان موقع الكتروني لو كتاب او بحث في موضوع ما ، اول شيء هو البساطة فالموقع اذا كان يحتوي على عناصر معقدة لن يعرض بطريقة جيدة
فهي تقريبا مفهومة من قبل جل المتصفحات خصوصا JavaScript ثاني شيء هي لغة
المشكلة بين المتصفحات هي في المحركات (Engines) التي تقوم بترجمة ال Javascript "e.g. Chrome V8 او ال CSS "e.g Webkitفالطريقة هي استخدام كود يتوافق مع المتصفحات جميعها والاختبار المتواصل , لكن للتسهيل , ممكن استخدام Typescript بحيث انه يمكن تخريجها بأي نكهة جافا سكريبت تتوافق مع المتصفحات.
يتم ذلك بعدة نقاط:
يتم حل هذه المشاكل بعدة طرق اهمها استخدام بعض برمجيات او اظافات الجافا سكربت
بإبعاد التأثيرات التي لا تعمل على واحد أو أكثر من المتصفحات
كما يمكن استخدام المعرفات المحدد في سي اس اس لكل متصفح