移动端设置小于12px字体
由于浏览器字体最小为12px，而移动端会使用更小字体
transform: scale(0.7);//通过缩小元素使字体减小
script标签
script标签的位置
放在head中
<head>
<title>获取DOM元素</title>
<script src='./js/index.js'></script>
</head>
会先加载完所有的js文件后，再渲染页面，脚本会阻止页面的渲染
放在body尾部
<body>
<div id="atag">
<p>一个标签</p>
</div>
<script src='./js/index.js'></script>
</body>
将script标签放在body尾部，浏览器会先解析完整个HTML页面，再下载js;如果js执行出错了，页面中的元素还可以加载出来，因为DOM文档是从上往下的顺序执行的。
defer和async的作用----解决脚本阻塞问题
defer
<head>
<script defer src='./js/test1.js'></script>
<script defer src='./js/test2.js'></script>
</head>
script标签中有defer，即使写在head位置，也不会阻塞页面的加载，但先于document加载完成之前，按照脚本顺序执行
async
<script async src="test.js"></script>
<script async src="test2.js"></script>
有async标签会立即加载，那个先加载完，先执行哪一个，标记为
async的脚本并不保证按照制定它们的先后顺序执行。