Media Queries for Standard Devices – CSS

Media Queries: How to target desktop, tablet and mobile?

Refined to work better with 960 grids:

@media (min-width:320px) { /* smartphones, iPhone, portrait 480×320 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 800×480 or 854×480 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 */ }
http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile

************
Responsive design with media query : screen size? : http://stackoverflow.com/questions/21574881/responsive-design-with-media-query-screen-size

***********

Media Queries for Standard Devices: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Blogbook : PHP | Javascript | Laravel | Corcel | CodeIgniter | VueJs | ReactJs | WordPress