标签：强制 坐标 电话号码 号码 mail 触摸 nbsp phone form
1.页面首部要加的meta标签
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<!--QQ强制横屏或者竖屏
portrait 竖屏
landscape 横屏
x5浏览器：qq浏览器、微信 qq内置浏览器
-->
<meta name="x5 orientation" content="portrait"/>
<!--QQ设置全屏-->
<meta name="x5-fullscreen" content="true"/>
<!--UC强制竖屏或横屏显示-->
<meta name="screen-orientation" content="portrait | landscape"/>
<!--UC全屏显示-->
<meta name="full-screen" content="yes"/>
<!--禁止识别电话号码和邮箱号码-->
<meta name="format-detection" content="telephone=no,email=no"/>
2.rem适配
页面头部加入此行代码原先尺寸除以100即可
例如 100px=1rem;
<script>
var iScale = 1 / window.devicePixelRatio; var iWidth = document.documentElement.clientWidth; document.getElementsByTagName(‘html‘)[0].style.fontSize = iWidth / 7.5 + ‘px‘;
</script>
3.js原生移动端事件
<script type="text/javascript">
var oBox=document.getElementById("box");
var off=document.getElementById("off");
off.addEventListener(‘touchstart‘,function(){
oBox.style.display="none";
}，false)
</script>
标签：强制 坐标 电话号码 号码 mail 触摸 nbsp phone form
原文地址：http://www.cnblogs.com/yangxue72/p/7495143.html
