网页响应式问题

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;}`上边这段代码改变浏览器窗口也不改变