文章摘要:自适应网站越来越流行,怎么才能做好一个自适应网站呢?自适应网站头部head怎么写?今天模板社教大家自适应网站头部head的写法
自适应网站越来越流行,怎么才能做好一个自适应网站呢?自适应网站头部head怎么写?今天模板社教大家自适应网站头部head的写法,先上代码:
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <meta http-equiv="Cache-Control" content="no-transform" />
代码解析:
第一句:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。
第2,3句:禁止百度转码显示
其他自适应需要的代码:
WebApp全屏模式下隐藏地址栏。<meta content="yes" name="apple-mobile-web-app-capable" />
制定iphone中safari顶端的状态条的样式(default:白色,black:黑色,black-translucent:半透明)<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
添加到IOS主屏后的标题。<meta name="apple-mobile-web-app-title" content="标题名称">