移动端的meta标签

写在前面的话:

  要是做的网页不仅要在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

原文地址:https://www.cnblogs.com/Christeen/p/6510718.html