手机版网页知识点

 1.图片自适应缩放

.div1 {
            background-color: red;
            width: 48%;
            height: 0;
            padding-bottom: 40%;
            margin: 10px 1%;
            float: left;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: center;
        }

2.手机端代码

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />