HTML5移动端head部分的充电
2015-12-29 阅读 184
#### 页面视窗的设置
```HTML
content的几个属性：
width viewport的宽度：[device-width | pixel_value] (width如果直接设置为pixel_width数值，大部分的安卓手机不支持，IOS支持);
height viewport的高度：（范围从223到10,000）
user-scalable： [yes | no]是否允许缩放
initial-scale： [数值]初始化比例（范围从 > 0 到 10）
minimum-scale： [数值]允许缩放的最小比例
maximun-scale： [数值]允许缩放的最大比例
target-densitydpi: 值有以下（一般推荐设置中等响度或者低像素密度，后者设置具体的值dpi_value，另外webkit内核已不准备再支持此属性）
--dpi_value:一般是70--400//没有英寸像素点的个数
--device-dpi设备默认像素密度
--high-dpi高度像素密度
--medium-dpi中等像素密度
--low-dpi低像素密度
```
一般使用案例
```HTML
```
#### 忽略电话号码和邮箱
```HTML
```
#### 设置作者姓名及联系方式
```HTML
```
#### 较常用的
```HTML
```
#### 设置启动画面
当用户点击主屏图标打开 WebApp 时，系统会展示启动画面，在未设置情况下系统会默认显示该网站的首页截图，当然这个体验不是很好，所以我们需要通过以下代码来自定义启动画面：
```HTML
```
根据 iOS 设备的分辨率，其启动画面的图片尺寸也各不相同所以：
```HTML
```
更新于 2023年03月28日
