javascript - 请教关于响应式问题。
迷茫
迷茫 2017-04-10 18:11:10
0
3
700

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

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

모든 응답(3)
左手右手慢动作

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

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

Ty80

用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}
}

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!