模拟手机端网页
| <meta name=”viewport” content=”width=device-width,user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0″> |
viewport ->视窗(展示区域)
width=device-width设备宽度
视口
| <metaname = ‘viewport’content = “width=320”> <metaname = ‘viewport’content = “width=device-width”> |
user-scalable=no/0是否允许缩放
initial-scale=1.0初始值
maximum-scale=1.0
minimum-scale=1.0
—————————————————————————–
| <meta name=”viewport” content=”width=device-width, user-scalable=no”> |
user-scalable=no/0禁止用户缩放页面
| <meta name=”viewport” content=”width=device-width, user-scalable=no, initial-scale=1.0″> |
initial-scale=1.0初始化页面缩放比例
| <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″> |
maximum-scale=1.0最大缩放比例(为了个别手机华为Meta8)
—————————————————————————–
苹果设备专有meta:
| <!—允许网页以app形式运行(允许添加到主屏幕)—> <meta name=”apple-mobile-web-app-capable” content=”yes”> <!—状态栏颜色—> <meta name=”apple-mobile-web-app-status-bar-style” content=”black”> |
京东meta:
| <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″> <meta name=”apple-mobile-web-app-capable” content=”yes”> <meta name=”apple-mobile-web-app-status-bar-style” content=”black”> <!—禁止之别电话号码和邮箱—> <meta name=”format-detection” content=”telephone=no,email=no”> |
淘宝meta：
| <meta content=”yes” name=”apple-mobile-web-app-capable”> <!–点击页面区域全屏展示—> <meta content=”yes” name=”apple-touch-fullscreen”/> <meta content=”telephone=no,email=no” name=”format-detection”/> <!–应用信息，保留系统历史记录，运动效果–> <meta name=”App-Config” content=”fullscreen=yes,useHistoryState=yes,transition=yes”/> |
