I'm using the established method for keeping an element's ratio by setting a relative
border: 1px solid gray;
Apparently it's a bug in Webkit and Blink – or it's just not specified, as Sergiy pointed out.
I consider it a bug since
width: 100% is taking paddings into account, and any other % units should behave the same.
I filed a bugreport which got accepted.