移动前端开发

手机网页的一些重要的meta标签：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
作用：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；device-width自动适应
<meta content="yes" name="apple-mobile-web-app-capable">
是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；
<meta content="black" name="apple-mobile-web-app-status-bar-style">
也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；
<meta content="telephone=no" name="format-detection">
告诉设备忽略将页面中的数字识别为电话号码

手机网页防止重复提交的标签：

<?xml version="1.0" encoding="utf-8"?>
作用：防止按钮点击一次，触发大于一次的请求（这个问题很奇怪，页面上只点击了一次，却往后台提交了两次或多次请求，加token也没解决掉。后来找到这个法子在WAP页面的顶部加此标签，解决了问题）