Мне нравится использовать встроенные элементы SVG с набором viewBox, а затем устанавливать высоту в стиле или с классом и оставлять браузер для установки ширины в соответствии со шкалой:
<svg style="height: 20px" viewBox="0 0 399 52" ...
Это работает в Chrome, Firefox, Safari: 
, но IE11, похоже, не справляется с этим правильно:
Вот js-bin: http://jsbin.com/lovicitoco/edit?html,css,output
Это известная проблема IE11?Есть ли хороший обходной путь?