Rems rendering differently between Chrome and Firefox
问题 I've noticed a slight issue using rems when it comes to comparing how they render in Chrome and Firefox. Using the following CSS: html { font-size: 62.5%; } .rem-test { width: 50%; height: 20rem; background: red; } The results are slightly different when rendered, Firefox shows the box shorter than it looks in Chrome: Is there something I can do to stop this happening? Here's a pen: http://codepen.io/abbasinho/pen/WbJWNq 回答1: That happens most certainly because your browsers have different