I set my font size in OS to 125% to make them little bit bigger. However, when I started make a screenshots then I realized that the size of the box was different than I defined in CSS. So, take a look at this picture:
In developer console I saw that the
width is about
600px. However, when I made a screenshot and measured the width in Gimp then I found that the width is…
875px. See picture:
Conclusion: when you make a screenshot make sure your font size in OS is sets to 100% to avoid a problems with checking sizes of the elements. It may confuse you when you especially working on a “pixel perfect” project.