• 0

كيف أمنع ()CSS Calc من الحصول على قيمة سالبة؟

على صفحة html وملف تنسق css،  أتوفر على:

.my-margin-top {
    margin-top: calc(50vh - 325px);
}

كيف لي منع حصول ()CSS Calc   على قيمة سالبة؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

بالنسبة لخاصية calc لا يمكن التحكم في قيمتها إلا عن طريقmedia query والتي تتيح ذلك عن طريق max-height على الأكثر 650.

.my-margin-top {
    margin-top: calc(50vh - 325px);
}

@media all and (max-height: 650px) {
   .my-margin-top {
       margin-top: 0;
   }
}

في هذه الحالة يمكنك استعمال دور min-height  وإعطاءها القيمة الدنيا الي لا يجب النزول عنها، مثلا:

@media all and (min-height: 650px) {
   .my-margin-top {
       margin-top: calc(50vh - 325px);
   }
}

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن