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

html5行動端Meta的設置

不言
不言原創
2018-08-06 17:47:193039瀏覽

這篇文章跟大家介紹的內容是關於在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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn