how do i include css based on screen size of the device

Question

How do i include css based on the screen size of the devices for viewing web pages?

What i have in mind is that i will only include one css inside a page and inside

Answer 1

You can either load in another css file, (device.css) or just add it to the bottom of your css. Media queries control what css is used at which pixel width.

@media (max-width: 600px) { 
/* Insert Code Here */
}

will target anything under 600px