html的meta属性
轉載于https://blog.csdn.net/macwhirr123/article/details/11971303,略有修改。
視圖以原始大小顯示,不允許用戶縮放,一般webapp在手機上均添加此meta 。
<meta?name="viewport"?content="width=device-width,?initial-scale=1.0,?minimum-scale=1.0,?maximum-scale=1.0,?user-scalable=no"> ??
width?-?viewport的寬度?
height?-?viewport的高度???
initial-scale?-?初始的縮放比例??
minimum-scale?-?允許用戶縮放到的最小比例???
maximum-scale?-?允許用戶縮放到的最大比例??
user-scalable?-?用戶是否可以手動縮放 ?
----------------------------------------------------------------------------------------------------------------------------------------------
在iPhone 手機上默認值是(電話號碼顯示為撥號的超鏈接):
<meta name="format-detection" content="telephone=yes"/>
可將telephone=no,則手機號碼不被顯示為撥號鏈接
<meta name="format-detection" content="telephone=no"/>
------------------------------------------------------------------------------------------------------------------
?
ios設備對meta定義的私有屬性:(可以添加至主屏幕)
<meta name="apple-mobile-web-app-capable" content="yes" />
?網站開啟對web app程序的支持。
<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)。
------------------------------------------------------------------------------------------------------------------
更詳細的內容:http://www.cnblogs.com/yuzhongwusan/archive/2011/11/29/2267568.html
?
官方文檔:https://developer.apple.com/library/safari/documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html
?
http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications
總結
以上是生活随笔為你收集整理的html的meta属性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 网易邮箱安全中心(网易帐号安全中心)
- 下一篇: 貂蝉铭文怎么搭配最强2021