联通后端总结 对联通项目还是不太熟悉，做得很少，都是用了一些比例，我来弥补一下。
1、首先看小腹。
Format-Detect翻译成英文就是“格式检查”。 顾名思义，它用于测量 HTML 中的某些格式。 meta的format-detection属性主要有以下设置：
元内容=“电话=否”
元内容=“电子邮件=否”
元内容=“地址=否”
也可以连续写：metacontent="telephone=no,email=no,adress=no"
下面具体说明一下各个设置的作用：
1. 电话
你写的那串数字明明没有添加链接样式，但是iPhone会手动给你的文字添加链接样式，点击这个号码就可以手动拨打号码了！ 如何删除这个拨号链接？ 这时候我们的meta应该再次展现它的魔力了，代码如下：
telephone=no 严禁将号码转换成拨号链接！
Phone=yes 打开号码到拨号链接的转换。 要启用转换功能，不需要编写此meta。 默认是开启的！
二、电子邮件
告诉设备不识别邮箱，点击后不要手动发送
email=no 严格禁止作为电子邮件地址！
email=yes开启，文字默认为邮箱地址，这个meta不用写，默认开启！
三、地址
adress=no 严禁跳转地图！
adress=yes 开启点击地址直接跳转地图的功能css3滚屏，默认开启！
该网站支持 webapp 程序。
webapp应用程序中状态栏（屏幕底部的栏）的颜色；
默认值为default（蓝色），可以设置为black（蓝色）和black-translucent（红色半透明）。
如果值为“black-translucent”，它将抓住页面的px位置并漂浮在页面上方（它将覆盖页面的高度20px——iphone4和itouch4的Retina屏幕为40px）。
1.viewport有道翻译为“视口”；
简单来说，联通设备上的视口就是设备屏幕上可以用来显示我们网页的区域。 具体来说，它是浏览器（或应用程序中的 webview）上可用于显示网页的区域。 部分区域，但视口并不局限于浏览器可视区域的大小css3滚屏，它可能比浏览器可视区域大，也可能比浏览器可视区域小。 默认情况下，一般来说，联通设备上的视口小于浏览器的视口。 这是由于联通设备的帧率相对于台式笔记本而言较小。 这些为桌面浏览器设计的传统网站通常显示在设备上，而联通设备上的浏览器会将其默认视口设置为 980px 或 1024px（或其他值，由设备本身决定），但带来的后果是浏览器会有一个垂直滚动条，因为浏览器可见区域的长度小于默认视口的长度。
如果不设置metaviewport标签，联通设备上浏览器的默认长度为800px、980px、1024px等，实际上都小于屏幕长度。 这里长度使用的单位px指的是css中的px，与代表实际屏幕化学像素的px并不相同。
2. css中的1px不等于设备的1px。
在css中，我们通常使用px作为单位。 在桌面浏览器中，CSS 的一个像素通常对应于笔记本电脑屏幕的一个数学像素。 这可能会导致我们产生错觉，认为css中图像的一个像素就是设备的数学像素。 但实际情况并非如此，css中的像素只是一个具体单位，在不同的设备或者不同的环境下，css中1px所代表的设备化学像素是不同的。 在为桌面浏览器设计的网页中，我们不需要关心这一点，但在联通设备上，我们必须了解这一点。 在以前的联通设备中，屏幕像素密度比较低，比如iphone3，它的码率是320x480，在iphone3上，一个css像素确实等于一个屏幕化学像素。 后来随着技术的发展，联通设备的屏幕像素密度越来越高。 从iphone4开始，苹果推出了所谓的Retina屏幕，将帧率提高了一倍，达到了640x960，但屏幕规格没有改变。 ，这意味着在相同尺寸的屏幕上，像素数量是原来的两倍。 此时，1个css像素就等于2个数学像素。 其他品牌的联通设备也是如此。 例如，Android设备根据屏幕像素密度可以分为ldpi、mdpi、hdpi、xhdpi等不同等级，帧率也各不相同。 Android 设备上多少个屏幕化学像素相当于 1 个 css 像素，这也因设备而异，但并没有明确的结论。
还有一个诱因也会引起css中px的变化，那就是用户缩放。 例如，当用户将页面尺寸放大一倍时，css中1px表示的化学像素也会放大一倍； 反之，如果页面翻倍，css中1px表示的化学像素也会翻倍。
在中国联通浏览器和个人桌面浏览器中，窗口对象有一个devicePixelRatio属性，其官方定义是：设备的化学像素与设备的独立像素的比值，即
devicePixelRatio=化学像素/独立像素。 css中的px可以看作是设备的独立像素，因此通过devicePixelRatio，我们可以知道设备上一个css像素代表了多少个数学像素。 例如，在具有 Retina 屏幕的 iPhone 上，devicePixelRatio 的值为 2，这意味着 1 个 css 像素相当于 2 个数学像素。 而且需要注意的是devicePixelRatio在不同浏览器中还存在一些兼容性问题，所以我们还不能完全信任这个东西。
3、内容属性指定元信息的内容。 可以设置或返回meta元素的content属性的值。
Width：控制视口的大小，可以指定一个值，比如600，也可以是一个特殊的值，比如device-width是设备的长度（单位是缩放到100%时的CSS像素）。
height：与width对应，指定高度。
initial-scale：初始缩放比例列，即页面第一次加载时的缩放比例列。
Maximum-Scale：允许用户缩放的最大比例。
最小比例：允许用户缩放的最小比例。
user-scalable：用户是否可以自动缩放。
4.下面是js动态控制的相关值。
