ضبط موقع الويب الخاص بك لتناسب جميع القرارات

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

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

ضبط موقع الويب الخاص بك لتناسب جميع الشاشات

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

يتم تعريف العرض النسبي لموقع الويب عبر علامات الجسم . يمكن تكييف هذه العلامة إذا كنت تستخدم div # body :

 الجسم {عرض: 100٪؛} 

في هذا المثال ، يفرض الرمز أن صفحة موقع الويب الخاصة بك ستأخذ 100٪ من النافذة ، بغض النظر عن حجم شاشة العرض. إذا كنت تريد أن تظهر صفحتك أصغر قليلاً ، فنحن نوصيك بتعيين عرضك بما لا يقل عن 80٪ ، أو تخاطر أن يظهر المحتوى الخاص بك صغيرًا للغاية على الشاشة. إذا قمت بتحديد عرض أصغر ، يمكنك تركيز شاشتك باستخدام الهامش: تلقائي .

الحد الأدنى أو الحد الأقصى لعرض الملكية

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

فيما يلي مثال على موقع ويب يعرض عرض صفحة بنسبة 90٪ ، يتم توسيطه ، بحد أدنى للعرض 600 بكسل وحد أقصى للعرض يبلغ 2000 بكسل:

 الجسم {العرض: 90٪؛ الهامش: السيارات، مين العرض: 600px ل، ماكس العرض: 2000px}