写在前面的话:
要是做的网页不仅要在pc端运行,而且要为移动端所用,那么就要加上以下 标签:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
ok ~
或者引用 mobile-util.js 这个库,此时就不用加上述的 meta 标签了, 但是必须要先引用 jquery.js 库~
在 head 中今早引入该js,减少重绘。
例如:
<head> <meta charset="UTF-8"> <title>一个网页</title> <link rel="stylesheet" href="./css/iconfont/iconfont.css"> <link rel="stylesheet" href="./css/style.css"> <script src="./js/jquery-2.1.4.min.js"></script> <script src="./js/mobile-util.js"></script> </head>
关于移动端自适应方案问题,找到了以下文章,有空可以阅读下:http://www.html-js.com/article/2903