欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
手机上网站各种各样meta表述表明
时间: 2021-02-18 17:02 浏览次数:
手机上网站各种各样meta表述表明 一、 meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" 1.name="viewport" //设定视口(网页页面
手机上网站各种各样meta表述表明
一、 meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" 
 1.name="viewport" //设定视口(网页页面可绘图的地区)
 2.width=device-width //运用程序的总宽和显示屏的总宽是一样的
 3.height=device-height //运用程序的高宽比和显示屏的高是一样的
 4.initial-scale=1.0 //运用程序起动情况下的放缩限度(1.0表明不放缩)
 5.minimum-scale=1.0 //客户能够放缩到的最少限度(1.0表明不放缩)
 6.maximum-scale=1.0 //客户能够变大到的较大限度(1.0表明不放缩)
 7.user-scalable=no //客户是不是能够根据他的手式来放缩全部运用程序,使运用程序的限度产生一个更改(yes/no)
二、 meta name="viewport" content="target-densitydpi=device-dpi, width=480px, user-scalable=no" 
 1.target-densitydpi=device-dpi //特定显示屏清晰度相对密度DPI,device-dpi 为机器设备本来的DPI值,不容易有一切放缩.( dpi是企业,一般指每英寸的清晰度)
三、 meta name="apple-mobile-web-app-capable" content="yes" 
 //表明:网站打开对web app程序的适用
 1.apple-mobile-web-app-capable //
 2.content="yes" //是不是打开(打开)
四、 meta http-equiv="X-UA-Compatible" content="IE=edge" //强制性应用ie全新核心方式3D渲染
五、 meta name="format-detection" content="telephone=no" 
 当该 HTML 网页页面手中机上访问时,该标识用以特定是不是将网页页面內容中的手机上号码显示信息为拨号的超级链接接
 在 iPhone 上默认设置值是:
 meta name="format-detection" content="telephone=yes"/ 
 假如你没期待手机上全自动将网页页面中的电話号码显示信息为拨号的超级链接接,那麼能够那样写:
 meta name="format-detection" content="telephone=no"/ 
六、 meta content="email=no" name="format-detection" / //将不鉴别电子邮箱,告知机器设备忽视将网页页面中的数据鉴别为电話号码 。
七、 meta name="apple-mobile-web-app-status-bar-style" content="black" / 
 在web app运用下情况条(显示屏顶端条)的色调;
 默认设置数值default(乳白色),能够列入black(灰黑色)和black-translucent(深灰色半全透明)。
 留意:若数值“black-translucent”可能占有网页页面px部位,浮在网页页面上边(会遮盖网页页面20px高宽比–iphone4和itouch4的Retina显示屏为40px)。
八、 meta name="apple-touch-fullscreen" content="yes" //"加上到主显示屏“后,全屏幕显示信息
九、 meta name="apple-mobile-web-app-capable" content="yes" / 
 //这meta的功效便是删掉默认设置的iPhone专用工具栏和莱单栏。content有2个值”yes”和”no”,当我们们必须显示信息专用工具栏和莱单栏时,这一行meta也不用加了,默认设置便是显示信息。
十、iPhoneweb app别的设定:
 1). link rel="apple-touch-posed" href="iphone_milanoo.png" / 
 表明:这一link便是设定web app的置放主显示屏上icon文档相对路径。
 应用:该相对路径必须留意的便是放进将网站的文本文档网站根目录下但并不是网络服务器的文本文档的网站根目录。照片规格能够设置为57*57(px)或是Retina能够列入114*114(px),ipad规格为72*72(px)。
 2). link rel="apple-touch-startup-image" href="milanoo_startup.png" / 
 表明:这一link便是设定起动情况下的页面(照片五),置放的路劲和上边相近。
 应用:该相对路径必须留意的便是放进将网站的文本文档网站根目录下但并不是网络服务器的文本文档的网站根目录。官方网要求起动页面的规格务必为 320*640(px),本来认为Retina显示屏能够适用二倍,可是不兼容,照片显示信息出不来来。
十一、 META NAME="MobileOptimized" CONTENT="240" 
 //重要词:meta | 

十年单独网站源代码开发设计、网页美工工作经验。全部网站源代码均为原創开发设计,决不应用完全免费网站源代码改动。原創版网站决不会再卖给第三方应用。所卖出网站源代码请不必给第三方应用。
下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园