移动前端开发

starleejay 2015-10-26

手机网页的一些重要的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页面的顶部加此标签,解决了问题)

相关推荐