Question : media query all devices
Answered by :
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
Source : https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile | Last Update : Mon, 22 Aug 22
Question : @media for all devices
Answered by : attractive-ape-uyy6eiy5wo8w
@media (min-width: 640px) { }
@media (min-width: 768px) { }
@media (min-width: 1024px) { }
@media (min-width: 1280px) { }
@media (min-width: 1536px) { }
Source : | Last Update : Wed, 08 Sep 21
Question : media query css for all devices
Answered by : garcia-thomas
@media (min-width: 600px) and (max-width: 800px) {
/* your css code here */
/* html { background: red; } */
}
Source : | Last Update : Tue, 10 Nov 20