移动端的特殊头部布局
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=320, maximum-scale=1.3, minimal-ui"> <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <meta HTTP-EQUIV="Expires" CONTENT="0"> <title>fasdasda</title> <link rel="stylesheet" href="css/wxqiandao.css"> <script src="js/jquery-1.7.2.js"></script> </head>
这样布局会自动缩放, content="width=320只需按照320来宽网站来写就可以了,maximum-scale=1.3让网页可以缩放到1.3倍了。