كيف استخدم ميديا كويري في تغير حجم div ؟

بتاريخ الآن قال Shahad Mohammad:

في الcss  اقدر استخدم ميديا كويري حسب طول الشاشة وكيف؟ يعني احتاج اقول ابغا طول الDIV = طول الشاشة 

نعم يمكنك ذلك من خلال استخدام وسيلة القياس vh 

div{
	height : 100vh	
}

حيث 100 vh تعني 100% من طول واجهة العرض.

للإطلاع على خاصية الـ height باستفاضة اكثر : 

https://wiki.hsoub.com/CSS/height

يمكنك استخدام قياسات أحجام الشاشات التالية لعمل responsive لمختلف الشاشات 

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

وفي حجم أي شاشة معينة عندما تريد تغير  حجم div حسب الحجم الذي تريده كتالي :-  

@media (min-width: 768px) { 
  
  div {
   height: 100%	
   }
}