导航

专业做网站建设公司、网页设计制作、百度优化推广、网站维护托管等网站相关业务,欢迎咨询。

域名空间 | 服务领域  网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 > 常见问题

手机网站建设a标签不能在手机端正常跳转,怎么办?


来源:邯郸煜阳网络公司  时间:2020-03-05 22:26    
  手机网站建设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>