1.视口ViewPort适配
<!--设置视口,解决pc和手机屏幕不匹配问题-->
<meta name="viewport" content="width=device-width,
initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
适配视口之后,pc端和手机端屏幕大小不匹配问题就解决了;
2.图片不清晰问题
使用大一倍的图片,通过css进行强制压缩到原来大小;背景图可以使用background-size适配
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--设置视口,解决pc和手机屏幕不匹配问题-->
<meta name="viewport" content="width=device-width,
initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<!--图片不清晰的解决方法,使用大一倍的图片,使用样式强制压缩到一倍效果-->
<title>app</title>
<style type="text/css">
body{
margin: 0px;
}
.header{