设置html的font-size等于10px，
字体没有问题，但宽度高出现计算问题？为什么会等于24px（1rem*10px应该等于20px）？
因为chrome浏览器默认支持的最小字体大小是12px,所以你的高度和宽度都是2*12.你可以试着把html的font-size:10px改成12px看看就知道了.
@wuyumin 的答案也没错,前提是修改了chrome的默认字体大小或是在firefox等其他浏览器下.讨论css问题应该都要建立在什么浏览器的情况下.
rem是相对单位，相对于html的font-size的。你的html的font-size是10px，2rem应该是2*10px=20px啦，是不是你哪里写错了？
html加上-webkit-text-size-adjust:none;样式试试
参考一下我写的rem模板 https://github.com/wuyumin/normalHTML
问题出在chrome浏览器默认给你设置最小字号大小为12px。你在chrome的【设置-网络内容-字号】里修改一下最小字号，或者你试用火狐或IE11看，都没问题的。