我试图在CSS中用@media移动一个对象。 我试图在css中弹出一个箭头，我试图使它响应。 当点击“简历”时，弹出窗口会激活。 我的目标是使弹出窗口具有响应性。 以便在移动版本中移动箭头。

以下是我的代码:

<!-- entire code https://codepen.io/Yung_n-d/pen/mdwQGqX  -->

<div class="popup" onclick="myFunction()"><p>CV</p>
<span class="popuptext" id="myPopup"><a target="_blank" id="cv" href="img/CV.pdf">View </a><a id="cv" download="img/CV.pdf" href="">Download </a><i class="fa fa-remove"></i></span>
</div>

<!-- entire code https://codepen.io/Yung_n-d/pen/mdwQGqX  -->

<div class="popup" onclick="myFunction()"><p>CV</p>
<span class="popuptext" id="myPopup"><a target="_blank" id="cv" href="img/CV.pdf">View </a><a id="cv" download="img/CV.pdf" href="">Download </a><i class="fa fa-remove"></i></span>
</div>

---

顺晟科技：

问题：第326行被第339行重写。

解决方案：尝试将第326行中的@media块移动到第349行，然后再次调整代码以匹配目标。