1. 程式人生 > >meta中minimal-ui屬性

meta中minimal-ui屬性

網頁加載 地址欄 瀏覽器支持 ini android user 地址 兩個 sca

<meta id="viewport" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui">
iOS 7.1 的 Safari 中為 meta 標簽新增 minimal-ui 屬性,讓網頁在加載時便可隱藏頂部的地址欄與底部的導航欄

meta viewport 中有6個通用屬性:

  • width 設置layout viewport的寬度 正整數或字符串 ‘width-device‘
  • initial-scale 設置頁面的初始縮放值,數字或小數
  • minimum-scale 允許用戶的最小縮放值 數字或小數
  • maximum-scale 允許用戶的最大縮放值 數字或小數
  • height 設置layout viewport 的高度,這個屬性很少用到
  • user-scaleabel 是否允許用戶進行縮放 ‘no‘或‘yes’ 還有2個需要特別註意的兩個屬性
    target-densitydpi 在andriod 4.0一下的設備中,不支持設置viewport的width,android 自帶瀏覽器支持設置 target-densitydpi來達到目的;
    miniual-ui ios的safari為meta表天新增的屬性,在網頁加載是隱藏頂部的地址欄和底部的導航欄



meta中minimal-ui屬性