User blog comment:Rupert Giles/Layout Changes: Breakpoints and Typography/@comment-1250011-20150527041809/@comment-24409505-20150531214822


 * If I were concerned about a "horizontal scrollbar", I would have used the words "horizontal scrollbar" at some point.

Alright, I misunderstood your point with the screenshot.


 * I had to take a screenshot of an actual monitor to get absolute proof that their quoted numbers weren't accurate in practice.

I'm pretty sure the numbers in my table are accurate. I even looked up what breakpoints they used in their core code and their numbers correspond to mine (the numbers are not clear-cut, you have to calculate them, i.e. ). And it looks like they also included the scrollbar width (20px) into their calculation too.


 * On a 1600px wide screen, the usable area on a webpage due to the scrollbar should be around 16px less, depending on the browser: Meaning the page width would be 1584px, meaning a 1600px screen is classed as Desktop.

I've searched a bit info about this. Turns out the problem is, some browsers include the scrollbar dimensions when displaying the page, while others don't: "Chrome and Safari will include those styles when the body width is 800px or greater. However, if your OS shows vertical scrollbars with a width of 20px, other browsers would include the styles at 780px." So when using a 1600px widescreen some browsers use the Desktop XL breakpoint styles (1600px > 1596px), while others choose to use Desktop styles (1600-20=1580 < 1596px breakpoint)...