I'm getting some super-weird decimal values on my dimensions when inspecting elements in Chrome. Here's what I mean:
The CSS for the element I'm inspecting (\[code\]input type="text"\[/code\]) is as follows:\[code\]background-color: white;border: 1px solid #cccccc;display: inline-block;height: 20px;padding: 4px 6px;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: #555555;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;vertical-align: middle;width: 206px;\[/code\]This is only happening on the site I'm currently developing (on most/all elements, not just the one I mentioned), and it seemed to just start today. I'm using Bootstrap (and CodeIgniter, not that that matters.), by the way. Also, it's only showing up in the \[code\]metrics\[/code\] panel, not the graphical overlay that displays dimensions when you hover over a DOM element in the Dev Tools panel. I tried validating my site with the W3C validator to see if there was something silly I missed but everything is fine. I've also tried removing all scripts, removing CSS files, and nothing seems to be working.Has anyone else ever experienced this, or know how to fix it? Searching for \[code\]chrome inspect element weird decimals\[/code\], etc. yielded nothing useful.