Scribd
Upload
85 views2 pages

Meida Query

The document contains CSS media queries for various devices and screen resolutions. It includes styles for desktops, laptops, tablets in both portrait and landscape orientations, low-resolution tablets, and smartphones. Each media query specifies a range of pixel widths for targeted styling.

Uploaded by

nboy80589
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
85 views2 pages

Meida Query

The document contains CSS media queries for various devices and screen resolutions. It includes styles for desktops, laptops, tablets in both portrait and landscape orientations, low-resolution tablets, and smartphones. Each media query specifies a range of pixel widths for targeted styling.

Uploaded by

nboy80589
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

/*

##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

/* CSS */

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

/* CSS */

/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

/* CSS */

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation:
landscape) {

/* CSS */

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

/* CSS */

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

/* CSS */

You might also like