首页 > 请教关于响应式问题。

请教关于响应式问题。

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

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


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


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

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


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

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

【热门文章】
【热门文章】