自适应网站head怎么写?

文章摘要:自适应网站越来越流行,怎么才能做好一个自适应网站呢?自适应网站头部head怎么写?今天模板社教大家自适应网站头部head的写法

自适应网站head怎么写?

自适应网站越来越流行,怎么才能做好一个自适应网站呢?自适应网站头部head怎么写?今天模板社教大家自适应网站头部head的写法,先上代码:

  1. <meta http-equiv="Cache-Control" content="no-siteapp" />
  2. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  3. <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="标题名称">

  • 版权声明:本站原创文章,于2020-04-27 21:43,由 发表。
  • 转载请注明出处