参考：
http://filamentgroup.com/examples/responsive-images/
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
原则
responsive Web design is not
only about adjustable screen resolutions and automatically resizable images, but rather about a whole
new way of thinking about design. 响应设计不仅仅是适应分辨率或者缩放图片，也是一种整体设计形式。
initial-scale=1
这个是约束浏览器的缩放行为，而maximum-scale=1.0是约束用户的缩放行为。因为默认的viewport是980，然后要现实在320的尺寸里，所以最开始initial-scale的值是320/980，我们设置为1的意思就是不让浏览器缩放以自适应。
maximum-scale=1.0
如果没有这个属性，用户是可以用手指缩放页面的，那么设置为1的意思就是，你放大也只能放大为以前的1倍，本质意思就是放大不了。如果设置为2，我们可以测试下，确实再怎么努力，只能放大为2倍。
user-scalable=no
设置后，用户就不能进行缩放操作。感觉这个跟maximum-scale有点重复，既然你都不能缩放，
那我设置缩放的值意义在哪里？难道是为了以后修改代码的方便？先把属性打上去，万一要缩放了，把这个属性去掉，然后maximum-scale的value改一改？