Media Query

[Parth Dhamelia]

#18285

I need To Know the difference between “@media only screen and (min-width: 768px) and (max-width: 1024px) ” and “@media  (min-width: 768px) and (max-width: 1024px) “.

 

---

[Darshan Rathod]

#50862

@media (min-width:768px) and (max-width: 1024px)
This one is saying for a window with a min-width of 768px & max-width of 1024px that you want to apply these styles. At that size, you would be talking about anything larger than 768px & smaller than 1024px desktop screen in most cases.

@media only screen and (min-width: 768px) and (max-width: 1024px)
This one is saying for a device with a screen and a window with min-width: 768px and max-width: 1024px applying the style.

---

[Author]

Posts