meta中minimal-ui属性

Posted 2021-01-16 lvxisha

<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表天新增的属性，在网页加载是隐藏顶部的地址栏和底部的导航栏