网页响应式问题

Question

如何根据响应式改变被选中的箭头的定位

我试过相对定位，但是浏览器窗口一改变就会改变就会错位

`@media only screen and (max-width: 1200px) {

.yuan {

    position: relative;

    left: 7px;

    top: 5px;

    background: #000;

    border-radius: 45px;

    height: 90px;

    width: 90px;

}

}

.yuan {

position: relative;

left: 14px;

top: 10px;

background: #000;

border-radius: 80px;

height: 160px;

width: 160px;

}`

上边这段代码改变浏览器窗口也不改变