现在市面上的手机屏幕尺寸，分辨率什么样的都有。要让做出来的网页在不同的手机上都有相同的显示效果，怎么办？
通过Meta定义
1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" >
作用：
1强制让文档也设备的宽度保持1:1；
2文档最大的跨度比例是1.0*（initial-scale初始刻度值和maximun-scale最大刻度值）;
3 user-scalable定义是否可以缩放（0为不缩放），使页面固定设备上的大小
4定义页面最小宽度min-width, min-300px;
第一个是没有使用viewport的， 第二个是使用了viewport的，
2 <meta name="format-detection" content="telephone=no"/>
使手机浏览网页是对网页上的数字不启用电话功能，忽视页面上的数字识别为电话。
要启用电话功能telephone=yes即可.