使用CSS vw positionig / sizing进行偏移

Question

我目前正在尝试制作简历，但我遇到了功能区问题。为了便于在多个设备上显示，我使用vw单位调整了几乎所有内容。

＆＃13;

＆＃13;

*{
  box-sizing: border-box;
}

h3{
  background-color: pink;
  width: 30vw;
  position: relative;
}

h3::after{
  content: "";
  width: 0;
  height: 0;
  border-top: 1.5vw solid red;
  border-right: 1vw solid transparent;
  position: absolute;
  bottom: -1.5vw;
  right: 0;
}

＆＃13;

<h3>This is a title</h3>

＆＃13;

＆＃13;

＆＃13;

JSFiddle：https://jsfiddle.net/s2f2oag1/

我的问题是，当我调整浏览器窗口的大小时，little :: after伪元素可以在x，y或两者中获得大约1px的偏移量。 这是2个样本：

除了第二名之外好：

不是一个简单的正确：

我在Chrome（v56）和Firefox（v52）上遇到了同样的问题，它显示了我想要打印页面的时间。