手机网页制作需要注意的一点东西

  现在市面上的手机屏幕尺寸，分辨率什么样的都有。要让做出来的网页在不同的手机上都有相同的显示效果，怎么办？

 通过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-width:300px;

 第一个是没有使用viewport的， 第二个是使用了viewport的，

 

2 <meta name="format-detection" content="telephone=no"/>

  使手机浏览网页是对网页上的数字不启用电话功能，忽视页面上的数字识别为电话。

要启用电话功能telephone=yes即可.