تحويل الموقع الحالي لاستخدام الهاتف المحمول؟

https://stackoverflow.com/questions/5412293

29-10-2019
|

سؤال

ما هي أفضل طريقة لجعل موقع ويب موجود مناسبًا لأجهزة الجوال (أجهزة الكمبيوتر المحمولة ، والهواتف المحمولة التي تستند إلى Android و Iphone و Blackberry وما إلى ذلك)؟

المحلول

اجعلها مرنة

يمكنك اكتشاف عروض مختلفة للجهاز باستخدام استعلامات وسائط CSS: http://www.w3.org/TR/css3-mediaqueries/#device-width

تفسير أقل تقنينًا: http://mislav.uniqpath.com/2010/04/ target-css /

مشاركة مدونة رائعة: http://webdesignerwall.com/general/the-wall-أعيد تصميمه

يمكن أن يكون نموذج الصندوق المرن CSS3 أفضل صديق لك.

نصائح أخرى

بدون الذهاب إلى حد تنفيذ إطار عمل للجوّال ، أقترح الاستفادة من CSS Media Queries والذي سيسمح لك بتقديم css مختلفة اعتمادًا على wdith لجهاز التصفح.

قد تكون البداية الجيدة هي إلقاء نظرة على LessFramework والتي استغرقت كل الجهد المبذول في حسابات الشبكة.

يمنحك Twitter Bootstrap أيضًا بعض الوظائف المستجيبة الرائعة ، مما يعنيأن العرض التقديمي للموقع سيتم ضبطه بناءً على نوع الجهاز وحجم شاشته.

وأنا أوصي بالاطلاع على هذا الكتاب .

يتوفر حاليًا العديد من الأدوات ، ولكن أهمها هو الحفاظ على انطباع جيد للمستخدم.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow