Fixed navbar size changes with page zoom in some browsers, making perfect body padding impossible.

Created by: kybishop

This is in Bootstrap 4. Changing the font size when using a fixed navbar results in either a gap or overlap between navbar and content, with no clear way to perfectly pad body content. I have confirmed this issue with both Chrome and Safari.

This appears to be the result of the navbar changing some, but not all, sizes when font size increases or decreases. The padding top/bottom is a static 8 px, but the height is variable, meaning setting the padding-top on the body to rems or px doesn't quite work.

Example (make sure to change your font size to see issues!): http://jsfiddle.net/mz85wuck/