手机网站建设a标签不能在手机端正常跳转,怎么办?煜阳网络公司网站设计人员找到一个解决手机网站建设a标签不能在手机端正常跳转的方法 ,现在分享给大家,欢迎指教。
<a onclick="dropDown()">要加锚点文本</a>
<script>
function dropDown(){
window.location.href="#ty";
}
</script>
<style type="text/css">
div,img {border:0;margin:0;padding:0;display:block;}
---这是图片层之间没有横线--
.mtop{position: fixed;z-index: 1000;top:0;width:100%;}
.mmain{margin-top:85px;}
.mdh{ width:100%; background: #09080d;
height: 37px;}
.mdh ul{
margin: 0;
padding: 0; }
.mdh ul li{ float:left;width:20%;list-style: none;}
.mdh ul li a{ width:100%; font-size: 0.9em;line-height: 35px;color:#FFFFFF; text-decoration:none; padding: 4px;
cursor:hand;
---这是onlick加超链接显示小手的----
}
</style>
<div class="mtop">
<div><img src="images/mtop.jpg" width="100%" alt=""></div>
<div class="mdh">
<ul><li><a onclick="dropDown1()">买手人群</a></li>
<li><a onclick="dropDown2()">独家技术</a></li>
<li><a onclick="dropDown3()">操作流程</a></li>
<li><a onclick="dropDown4()">价格优势</a></li>
<li><a href="http://astaotao.com/sRegister.aspx">点击注册</a></li>
</ul>
</div>
</div>
自适应
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 650px)" href="images/up.pos.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-width: 650px)" href="images/up.global.upop.css" />
<link rel="stylesheet" type="text/css" media="screen and (max-width: 650px)" href="images/phone.css" />
<style type="text/css">
@media screen and (min-width: 650px) {
.mob{display:none;}
}
@media screen and (max-width: 650px) {
.pc{display:none;}
}
如果整个页面都有一个错,说明应该在<body>标签里控制的
</style>