トラブル遭遇例1 ／ Bootstrap をアップデートしたら、jQueryで取得される値が変更

Bootstrap 3.3.4

Bootstrap をアップデートしたら、jQuery offsetメソッドで取得される値が変更
・それまで整数で返ってきていた戻り値が、ある日いきなり小数点で返ってくるようになる

原因を特定できない
・ブラウザの問題？
・jQueryの問題？
※原因を想定すら出来ず、苦しむ

---

犯人はbox-sizing

調査した結果、判明した事実
・bootstrap.cssに記述されていた 下記box-sizingによる影響を受けていた

* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

具体的には、下記組み合わせの場合において取得値が変更される可能性がある
・box-sizing: border-box;
・SVG viewBox
・border
※いや、普通は分からないでしょう、そんなの


・box-sizing: border-box;