手机端适配：
<meta name="format-detection" content="telephone=no">
当HTML网页在手机端呈现的时候，禁止对电话号码点击拨号。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
响应式的两个界限值：
1. PC端变pad端，一般都是网页的版心宽度。
2. pad端变手机端。通常在620px左右，但是需要根据项目实际需要。
可以设置盒子的最小高和最大高
min-height:
max-height:
当height小于等于max-height，并且height大于等于min-height的时候，height起作用。
如果height大于max-width，那么盒子的高度为max-height；
如果height小于min-height，那么盒子的高度为min-height。
可以设置盒子的最小宽和最大宽
min-width:
max-width:
当width小于等于max-width，并且width大于等于min-width的时候，width起作用。
如果width大于max-width，那么盒子的宽度为max-width；
如果width小于min-width，那么盒子的宽度为min-width。
做手机图片的时候，经常做成2倍大小的，这样的话，在手机上显示得更高清。我们在做手机网站的时候，需要把这个图片先缩放到需要的大小，用于测量，网络上使用2倍大小的图片。
原文：http://www.cnblogs.com/securitybob/p/5922390.html