移动端页面头部定义
我们在开发移动端页面的时候经常会遇到一些通用的需求,往往是,不支持缩放,苹果浏览器隐藏工具栏啊等等。我们总结一下:
1 <head> 2 <meta charset="utf-8"> 3 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 4 <title>项目名称</title> 5 <meta name="description" content=""/> 6 <meta name="viewport" content="minimal-ui, initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no"> 7 <meta name="apple-mobile-web-app-capable" content="yes"> 8 <meta name=‘apple-touch-fullscreen‘ content=‘yes‘> 9 <meta name="full-screen" content="yes"> 10 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 11 <meta name="format-detection" content="telephone=no"> 12 <meta name="format-detection" content="address=no"> 13 <meta name="keywords" content=""/> 14 <link rel="stylesheet" href="./css/reset.css"/> 15 17 <link rel="stylesheet" href="./css/index.css"/> 18 </head>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。