移动端设置小于12px字体，script标签

最新推荐文章于 2023-06-17 18:09:52 发布

旺仔好吃糖er

最新推荐文章于 2023-06-17 18:09:52 发布

阅读量681

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_63338686/article/details/125709637

版权

移动端设置小于12px字体

由于浏览器字体最小为12px，而移动端会使用更小字体

transform: scale(0.7);//通过缩小元素使字体减小

<head>
    <title>获取DOM元素</title>
    <script src='./js/index.js'></script>
</head>

会先加载完所有的js文件后，再渲染页面，脚本会阻止页面的渲染

<body>
    <div id="atag">
        <p>一个标签</p>
    </div>
<script src='./js/index.js'></script>
</body>

将script标签放在body尾部，浏览器会先解析完整个HTML页面，再下载js;如果js执行出错了，页面中的元素还可以加载出来，因为DOM文档是从上往下的顺序执行的。

<head>
    <script defer src='./js/test1.js'></script>
    <script defer src='./js/test2.js'></script>
</head>

script标签中有defer，即使写在head位置，也不会阻塞页面的加载，但先于document加载完成之前，按照脚本顺序执行

<script async src="test.js"></script>
<script async src="test2.js"></script>

有async标签会立即加载，那个先加载完，先执行哪一个，标记为async的脚本并不保证按照制定它们的先后顺序执行。

关注