我的网站首页有个链接，我想的电脑打开这个链接，链接到的网页是电脑端网页，手机打开链接到的是手机响应式网页，现在思路比较乱，@media （）{}改一下a标签的链接可以吗？
@media (min-width: 414px)){ .wendun a{} }//貌似这样无法改变a标签的链接啊。
业精于勤，荒于嬉;行成于思，毁于随。
@media是对样式的响应式，你要更改a标签的链接的话，使用JS来改变属性吧
@media
或者说在电脑端显示的a标签的链接到电脑端网页，在手机端就隐藏那个a标签，重新显示连接到手机端网页的a标签。
用js代码判断下是否是移动设备
参考 http://www.cnblogs.com/babycool/p/358311...
你要修改的不应该是这个 a 标签，而是 a 后面连接的哪个网页，通过响应式布局 ，在PC 和 手机上有不同的呈现，就可以了，如果你非要链接不同的页面，哪就应该用JS来判断当前是不是在手机浏览器里再进一步，如果你也非要用CSS，也可以，用两个连接，不同情况下隐藏一个不就完了.moblie a {dispaly:none} @media (min-width: 414px)){ .pc a{display:none}}
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
@media是对样式的响应式，你要更改a标签的链接的话，使用JS来改变属性吧或者说在电脑端显示的a标签的链接到电脑端网页，在手机端就隐藏那个a标签，重新显示连接到手机端网页的a标签。
用js代码判断下是否是移动设备
参考 http://www.cnblogs.com/babycool/p/358311...
你要修改的不应该是这个 a 标签，而是 a 后面连接的哪个网页，
通过响应式布局 ，在PC 和 手机上有不同的呈现，就可以了，
如果你非要链接不同的页面，哪就应该用JS来判断当前是不是在手机浏览器里
再进一步，如果你也非要用CSS，也可以，
用两个连接，不同情况下隐藏一个不就完了
.moblie a {dispaly:none}
@media (min-width: 414px)){
.pc a{display:none}
}