1.移动先行
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
其中， user-scalable=no 是禁用其缩放功能，禁用缩放后，用户只能滚动屏幕。
2.响应式图片,对图片大小进行自适应缩放，，以便让图片按比例缩放，并且不超过父元素的尺寸。
.img-response{
display:block;
max-100%;
height:auto;
}