Как поправить верстку на retina дисплее?

Question

[Maxymus1996]

Криво отображается верстка на retina дисплее. Флажок сделан через before. Вот так выглядит блок на большинстве мониторах

а так на retina

Comments

[Максим Тимофеев]

нет ссылки, нет ответа. Форум магов и гадалок в соседней вкладке

[Ankhena]

1. Ретина не имеет отношения к проблеме, только ос и браузер.
2. Выложенный вами код в комментарии - это не весь код, участвующий в проблеме.
3. Выкладывайте сюда: jsfiddle.net или аналогичную песочницу.

Answer 1

[Евгений Мягких]

Можно увидеть код? html + css

Comments

[Maxymus1996]

<div class="price__item price__item_right">
	<span class="price__item_price">
	<span class="price__item_term">от</span>
	100'000
	</span>
</div>

.price__item_term {
    text-transform: uppercase;
    font-family: kelsonBG;
    padding: 0 10px;
    margin-right: 22px;
    color: #fff;
    background-color: #00a12a;
    position: relative;
    height: 78px;
    font-size: 65px;
}
.price__item_term:before{
    content: "";
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 49px solid #00a12a;
    border-right: 30px solid transparent;
}
.price__item_term:after {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 49px solid #00a12a;
    border-right: 30px solid transparent;
}