Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Nathan Boaldin
Nathan Boaldin
Courses Plus Student 12,545 Points

Google Chrome's inspector 'responsive' view verses 'emulated device' views are not comparable?

I have read it is a good rule of thumb to use the 'responsive' view and size it down to check media queries. I just can't figure out why my elements can be way blown out and too big for the view port when I am using the 'responsive' mode, but when I choose 'iPhone 6' view it looks nice.

Trying to understand? Are there certain browser stylings already written for browsers on mobile devices that try to contain other authored css?

Kevin Enloe
Kevin Enloe
12,438 Points

Hey Nathan,

I think I have run into similar situations at times and for me it fixed the problem if I refreshed the page once I got to the screen resolution that I am wanting to see it at. I know when you first go into this responsive view in Chrome, it keeps the normal desktop scroll bar on the right (because your page is now longer than the view port) and that by default moves your page over 20ish px.

I hope that helps a little. You could also post a link to the site so that we can look further into this issue with you.