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

بالنسبة لخاصية 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);
   }
}

• Range Checking