Can someone please explain CSS media queries?

Question

I read the article about them over at css3.info, but I didn\'t feel like it explained it well enough. I also could not get their examples to change with my screen size. I at

Answer 1

To apply a style sheet to a document when displayed on a screen greater than 800 pixels wide:

To apply a style sheet to a document when displayed on any device less than 400 pixels wide:

inside

@media all and (max-width:800px) {
    body { color: red; }
}

for iphone

::combining media query