media queries debugging

[triplebit]

How can I debug media queries properties with Chrome and Firefox “Inspect Element” tools(or with any other tools)?
Thanks in advance
I. Lesher

[nixnerd]

This bad boy right here:

In all seriousness though, Firefox Dev Tools “Responsive Design View” is pretty good. It notes what the width is to make sure you’re getting your breakpoints right.

[triplebit]

Thanks
But how do I see the actual css code lines like so:

@media only screen (min-device-width: 640px) and
not (-webkit-min-device-pixel-ratio: 2) {
/* stylesheet for non-high density phone goes here */
}
Regards
I. lesher

[nixnerd]

I’m so confused right now. Why can’t you just open a text editor?

[triplebit]

I’m sorry but I didn’t say it before- this is not my site and I don’t have credentials to see the sources. I only have the URL
Thanks
I. Lesher

[Paulie_D]

I’m sorry but I didn’t say it before- this is not my site and I don’t have credentials to see the sources. I only have the URL

So you’re debugging a site you don’t have access to?

WTF?

[triplebit]

I don’t really debug the whole site, just concentrate on 2 specific problems that the owner asked me to.
Thanks
I. Lesher

[Author]

Posts