网页自动适应手机端

贴出代码 复制过去吧

网站对移动设备友好，确保适当的绘制和触屏缩放
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 以 1:1 的比例呈现，不会有任何的缩放。
                                     maximum-scale=1.0, 
                                     user-scalable=no">禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。

向浏览器声明该网页为移动设备自适应网页的meta标签为：

<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

图片适应手机端  要控制的是装图片的容器宽度

 img{
display: block;(可不加 banner可以用)
height: auto;
max-width: 100%;（或者width：100%）
}
将以上标签加入之后保存，再用手机打开即是自适应网页了。