首頁 > web前端 > H5教程 > html5行動端Meta的設置

html5行動端Meta的設置

不言
發布: 2018-08-06 17:47:19
原創
3055 人瀏覽過

這篇文章跟大家介紹的內容是關於在html5行動端Meta的設置,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助

  1. #強制讓文件的寬度與裝置的寬度保持1:1,且文件最大的寬度比例是1.0,且不允許使用者點選螢幕放​​大瀏覽。

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
登入後複製
  1. WebApp全螢幕模式   隱藏網址列。

<meta name="apple-mobile-web-app-capable" content="yes" />
登入後複製
  1. 禁止百度轉碼顯示。

<meta http-equiv="Cache-Control" content="no-siteapp">
登入後複製
  1. 制定iphone中safari頂端的狀態條的樣式(default:白色,black:黑色,black-translucent:半透明)

#
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
登入後複製
  1. 新增到IOS主畫面後的標題。

<meta name="apple-mobile-web-app-title" content="标题名称">
登入後複製

相關文章推薦:

#HTML5中檔案上傳的程式碼

HTML5結合互聯網實現的3D隧道(附程式碼)

#

以上是html5行動端Meta的設置的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板