全国服务热线:4008-888-888

技术知识

自适应网站meta应用详细说明

隶属频道:响应式实例教程升级 著作人:不祥 公布:deepdfhy访问:0次

自适应网站合理布局必须在模版head中加上

 meta name= viewport  content= width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no 

设定显示屏按1:1的规格显示信息,在 iPhone 和别的智能化手机上的访问器出示网站全主视图访问,并严禁客户放缩网页页面。

 meta http-equiv= X-UA-COMPATIBLE  CONTENT= IE=edge,chrome=1 

表明:假如安裝了GCF,则应用GCF(Chrome核心 :Google Chrome Frame)来3D渲染网页页面「 chrome=1 」,假如沒有安裝GCF,则应用最大版本号的IE核心开展3D渲染「 IE=edge 」。 http-equiv= X-UA-Compatible Explorer 8 访问器仿真模拟某一特殊版本号IE访问器的3D渲染方法,为此来处理IE访问器的适配难题。


更详尽的

 !DOCTYPE html   !-- 应用 HTML5 doctype,不区别尺寸写 -- 
 html   !-- 更为规范的 lang 特性书写 XyIa -- 
 head 
  !-- 申明文本文档应用的标识符编号 -- 
  meta charset= utf-8 
  !-- 优先选择应用 IE 全新版本号和 Chrome -- 
  meta http-equiv= X-UA-Compatible  content= IE=edge,chrome=1 / 
  !-- 网页页面叙述 -- 
  meta name= description  content= 不超出150字符 / 
  !-- 网页页面重要词 -- 
  meta name= keywords  content= / 
  !-- 网页页面创作者 -- 
  meta name= author  content= name, email / 
  !-- 检索模块爬取 -- 
  meta name= robots  content= index,follow / 
  !-- 为移动终端加上 viewport -- 
  meta name= viewport  content= initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no 
  !-- `width=device-width` 会造成 iPhone 5 加上到主屏后以 WebApp 全屏幕方式开启网页页面时出現黑边 ios-webapp-viewport-meta.orz -- 
 
  !-- iOS 机器设备 begin -- 
  meta name= apple-mobile-web-app-title  content= 题目 
  !-- 加上到主屏后的题目(iOS 6 增加) -- 
  meta name= apple-mobile-web-app-capable  content= yes / 
  !-- 是不是开启 WebApp 全屏幕方式,删掉iPhone默认设置的专用工具栏和莱单栏 -- 
 
  meta name= apple-itunes-app  content= app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL 
  !-- 加上智能化 App 广告宣传条 Smart App Banner(iOS 6+ Safari) -- 
  meta name= apple-mobile-web-app-status-bar-style  content= black / 
  !-- 设定iPhone专用工具栏色调 -- 
  meta name= format-detection  content= telphone=no, email=no / 
  !-- 忽视网页页面中的数据鉴别为电話,忽视email鉴别 -- 
  !-- 开启360访问器的急速方式(webkit) -- 
  meta name= renderer  content= webkit 
  !-- 防止IE应用适配方式 -- 
  meta http-equiv= X-UA-Compatible  content= IE=edge 
  !-- 对于手执机器设备提升,关键是对于一些老的不鉴别viewport的访问器,例如黑莓 -- 
  meta name= HandheldFriendly  content= true 
  !-- 微软公司的旧式访问器 -- 
  meta name= MobileOptimized  content= 320 
  !-- uc强制性坚屏 -- 
  meta name= screen-orientation  content= portrait 
  !-- QQ强制性坚屏 -- 
  meta name= x5-orientation  content= portrait 
  !-- UC强制性全屏幕 -- 
  meta name= full-screen  content= yes 
  !-- QQ强制性全屏幕 -- 
  meta name= x5-fullscreen  content= true 
  !-- UC运用方式 -- 
  meta name= browsermode  content= application 
  !-- QQ运用方式 -- 
  meta name= x5-page-mode  content= app 
  !-- windows phone 点一下无修容 -- 
  meta name= msapplication-tap-highlight  content= no 
  !-- iOS 标志 begin -- 
  link rel= apple-touch-posed  href= /apple-touch-icon-posed.png / 
  !-- iPhone 和 iTouch,默认设置 57x57 清晰度,务必有 -- 
  link rel= apple-touch-posed  sizes= 114x114  href= /apple-touch-icon-posed.png / 
  !-- Retina iPhone 和 Retina iTouch,114x114 清晰度,能够沒有,但强烈推荐有 -- 
  link rel= apple-touch-posed  sizes= 144x144  href= /apple-touch-icon-posed.png / 
  !-- Retina iPad,144x144 清晰度,能够沒有,但强烈推荐有 -- 
  !-- iOS 标志 end -- 
 
  !-- iOS 起动界面 begin -- 
  link rel= apple-touch-startup-image  sizes= 768x1004  href= /splash-screen-768x1004.png / 
  !-- iPad 坚屏 768 x 1004(规范辨别率) -- 
  link rel= apple-touch-startup-image  sizes= 1536x2008  href= /splash-screen-1536x2008.png / 
  !-- iPad 坚屏 1536x2008(Retina) -- 
  link rel= apple-touch-startup-image  sizes= 1024x748  href= /Default-Portrait-1024x748.png / 
  !-- iPad 全屏 1024x748(规范辨别率) -- 
  link rel= apple-touch-startup-image  sizes= 2048x1496  href= /splash-screen-2048x1496.png / 
  !-- iPad 全屏 2048x1496(Retina) -- 
 
  link rel= apple-touch-startup-image  href= /splash-screen-320x480.png / 
  !-- iPhone/iPod Touch 坚屏 320x480 (规范辨别率) -- 
  link rel= apple-touch-startup-image  sizes= 640x960  href= /splash-screen-640x960.png / 
  !-- iPhone/iPod Touch 坚屏 640x960 (Retina) -- 
  link rel= apple-touch-startup-image  sizes= 640x1136  href= /splash-screen-640x1136.png / 
  !-- iPhone 5/iPod Touch 5 坚屏 640x1136 (Retina) -- 
  !-- iOS 起动界面 end -- 
 
  !-- iOS 机器设备 end -- 
  meta name= msapplication-TileColor  content= #000 / 
  !-- Windows 8 磁贴色调 -- 
  meta name= msapplication-TileImage  content= icon.png / 
  !-- Windows 8 磁贴标志 -- 
 
  link rel= alternate  type= application/rss+xml  title= RSS  href= /rss.xml / 
  !-- 加上 RSS 定阅 -- 
  link rel= shortcut icon  type= image/ico  href= /favicon.ico / 
  !-- 加上 favicon icon -- 
 
  title 题目 /title 
 /head 
转自:a/14096




在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服