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 trialAndre Kucharzyk
4,479 PointsMy screen resolution vs resolution in chrome dev tools
I have screen resolution of 1920 x 1080, yet in chrome dev tools body width (viewport width) is 1257,33. Why?
5 Answers
Andre Kucharzyk
4,479 PointsThanks for the reply but that's not it. My dock is in the bottom part of the screen, and I have the full-screen browser...
Randy Layne
Treehouse ModeratorDo you have a screen shot you can post? And did you check the third part I mentioned about the device toolbar, if that is open you will never get your full screen width.
Andre Kucharzyk
4,479 PointsHere is a screenshot: https://ibb.co/gsGfbR I did check everything you've mentioned.
Randy Layne
Treehouse ModeratorI see. Have you tried selecting the body or html element instead of the div.wrap? My thoughts are maybe that div has a limiter placed on it either set as a percentage width, has a max-width applied to it, or the body element has padding on it.
Andre Kucharzyk
4,479 PointsIt's 1257,33 on every website, i tried measuring different body, divs and so on... with the same result.
Phil Arnold
11,331 PointsCheck your zoom levels?
Andre Kucharzyk
4,479 PointsDone, that's not it :(
Randy Layne
Treehouse ModeratorRandy Layne
Treehouse ModeratorHi Andre, In the upper left corner of devTools, where the little phone/tablet icon, check to see if it is highlighted. If it is, then dev tools has the "device toolbar" displayed over your page which will limit the viewport somewhat. Also, if you have dev tools docked on the right or left hand side of the browser it will subtract the width of dev tools from the calculation. So, first make sure your window is Maximized and that dev tools is not to the right or left of the viewport, then click on that device toolbar button and see what happens.