网页移动端meta属性基础知识总结分享

这篇文章主要为大家详细介绍了网页移动端meta属性基础知识总结分享，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

网页中关于Meta声明有很多妙用是不很多朋友都不太了解的，在2017年09月01号的时候361源码给大家介绍过《织梦DedeCMS文章内容页原创Meta声明标注实现实例》一文，不知道大家是否还有印象，这篇文章介绍的就是通过Meta声明来实现原创保护的。今天361源码要给大家介绍的同样是Meta，但是重点介绍的是网页移动端meta属性基础知识总结。随着移动网络的普及，手机网站越来越普遍，所以361资源觉得很有必要给广大草根咱们“普及”下网页移动端meta属性基础知识:

1、H5页面窗口自动调整到设备宽度，并禁止用户缩放页面

2、忽略将页面中的数字识别为电话号码

3、忽略Android平台中对邮箱地址的识别

4、当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari

5、将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式

viewport通用模板

361源码提醒，这里开始内容。

viewport模板 – target-densitydpi=device-dpi，android 2.3.5以下版本不支持

361源码提醒，这里开始内容

下面我们哪个案例来具体说明一下：

说明解释：

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

        width - viewport的宽度 height - viewport的高度

        initial-scale - 初始的缩放比例

        minimum-scale - 允许用户缩放到的最小比例

        maximum-scale - 允许用户缩放到的最大比例

        user-scalable - 用户是否可以手动缩放

第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；

第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

        在web app应用下状态条（屏幕顶部条）的颜色；

        默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。

        注意：若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。

第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码。

这样讲，大家应该都能明白吧，如果你觉得我们的内容对您有所帮助，请给予我们支持，谢谢。

以上就是网页移动端meta属性基础知识总结分享的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持错新网。