请教关于响应式问题。

Question

我的网站首页有个链接，我想的电脑打开这个链接，链接到的网页是电脑端网页，手机打开链接到的是手机响应式网页，现在思路比较乱，@media （）{}改一下a标签的链接可以吗？

 @media (min-width: 414px)){
 .wendun a{}
}//貌似这样无法改变a标签的链接啊。

Answer 1

@media是对样式的响应式，你要更改a标签的链接的话，使用JS来改变属性吧

或者说在电脑端显示的a标签的链接到电脑端网页，在手机端就隐藏那个a标签，重新显示连接到手机端网页的a标签。

Answer 2

用js代码判断下是否是移动设备

参考 http://www.cnblogs.com/babycool/p/358311...

Answer 3

你要修改的不应该是这个 a 标签，而是 a 后面连接的哪个网页，
通过响应式布局 ，在PC 和 手机上有不同的呈现，就可以了，
如果你非要链接不同的页面，哪就应该用JS来判断当前是不是在手机浏览器里
再进一步，如果你也非要用CSS，也可以，
用两个连接，不同情况下隐藏一个不就完了
.moblie a {dispaly:none}
@media (min-width: 414px)){
.pc a{display:none}
}