具有rem和vw计算的非常具体的chrome bug

Question

我正在使用rem，从vw开始计算，如下所示：

html {
    font-size: 1px;
    font-size: #{100/($design-width+$scrollbar-width)}vw;
    font-size: calc(100vw / #{$design-width+$scrollbar-width});
}

它似乎适用于所有现代浏览器，因此我在所有项目中使用它。最近我收到了这个video，证明了我的布局奇怪的行为。

不幸的是，我无法在这个浏览器上测试任何东西，我只知道它是什么谷歌chrome 54，同一台PC上的firefox运行良好，禁用扩展程序并启动隐身会话没有帮助。

正如我从这段视频中看到的那样，只有当它适用于font-size属性时，它才会正确计算。宽度/高度，边距/填充，边框等工作错误。

视频中显示的网站可用here和here。如果您遇到与视频相同的问题，请提供有关您的浏览器的完整信息。我已在所有availbale设备上测试过，但我无法重现错误。

UPD： 以下是fiddle与MCVE，以及它在我的电脑和电脑上的视频截图。