apple-mobile-web-app-capable
設(shè)置Web應(yīng)用程序是否以全屏幕模式運(yùn)行稚叹。
語(yǔ)法
<meta name="apple-mobile-web-app-capable" content="yes">
content :
-
yes,網(wǎng)站應(yīng)用程序以全屏幕模式運(yùn)行 no
window.navigator.standalone 獲取是否以全屏運(yùn)行
apple-mobile-web-app-status-bar-style
蘋(píng)果移動(dòng)網(wǎng)絡(luò)應(yīng)用狀態(tài)欄樣式
為Web應(yīng)用程序設(shè)置狀態(tài)欄的樣式.
語(yǔ)法:
<meta name="apple-mobile-web-app-status-bar-style" content="black">
這個(gè)元標(biāo)簽沒(méi)有效果,除非您首先指定蘋(píng)果中描述的全屏模式apple-mobile-web-app-capable` .
content:
-
default默認(rèn)值,狀態(tài)欄正常模式,網(wǎng)站內(nèi)容顯示在狀態(tài)欄下方 -
black,狀態(tài)欄黑色背景,網(wǎng)站內(nèi)容顯示在狀態(tài)欄下方 -
black-translucent,狀態(tài)欄黑色半透明焰薄。網(wǎng)站內(nèi)容顯示在整個(gè)屏幕上,部分被狀態(tài)欄所掩蓋
uniapp底部tabbar高度異常解決方案
page{
height: 100vh;
}
啟動(dòng)圖標(biāo)
<link rel="apple-touch-icon" href="/static/logo.png"/>
<link rel="apple-touch-startup-image" href="/static/logo.png">
