<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no" name="format-detection">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<title></title>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td , footer {margin:0;padding:0;}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%;height:100%;width:100%;}
body {font-size:12px;line-height:20px;-webkit-overflow-scrolling: touch;background:#fff;height:100%;width:100%; }
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
li {list-style:none;}
img, fieldset,iframe {border:0;}
input, button, textarea, select {font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;font-size:inherit;font-weight:inherit;*font-size:100%;}
select,img{vertical-align:middle}
input{outline:none;vertical-align:baseline}
em,i{font-style:normal;}
</style>
</head>
<body>
<script src="../js/jquery-2.1.4.js"></script>
<script>
$(function(){
})
</script>
</body>
</html>
有的手机浏览器上,a标签和input在点击的时候会显示一个阴影效果,除去此效果的方法是:
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}