当前位置：网站首页>The mobile terminal is set with fonts smaller than 12px and script labels

The mobile terminal is set with fonts smaller than 12px and script labels

2022-07-18 22:17:00 【Wangzai delicious sugar】

List of articles

Mobile terminal setting is less than 12px typeface
script label

Mobile terminal setting is less than 12px typeface

Because the minimum font size of the browser is 12px, The mobile terminal will use smaller fonts

transform: scale(0.7);// Make the font smaller by reducing the element

script label

script The location of the label

Put it in head in

<head>
    <title> obtain DOM Elements </title>
    <script src='./js/index.js'></script>
</head>

Will load all js After the document , Render the page again , The script will prevent the rendering of the page

Put it in body The tail

<body>
    <div id="atag">
        <p> A label </p>
    </div>
<script src='./js/index.js'></script>
</body>

take script The label on the body The tail , The browser will first parse the whole HTML page , Download again js; If js Execution error , The elements in the page can also be loaded , because DOM Documents are executed from top to bottom .

defer and async The role of ---- Solve the script blocking problem

defer

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

script There are tags in the tag. defer, Even if written in head Location , It will not block the loading of the page , But before document Before the load is complete , Execute in script order

async

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

Yes async The tag will load immediately , Load it first , Which one to execute first , Marked as async There is no guarantee that the scripts will be executed in the order in which they were developed .

原网站

版权声明
本文为[Wangzai delicious sugar]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/199/202207161947242105.html