h5移动端自适应js

最新推荐文章于 2023-09-08 08:48:32 发布

sunly_

最新推荐文章于 2023-09-08 08:48:32 发布

阅读量653

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_40745143/article/details/104836409

版权

javascript 专栏收录该内容

66 篇文章 7 订阅

订阅专栏

<!DOCTYPE html>
<html lang="cn">
    <head>
        <meta charset="utf-8" />
        <meta id="viewport" name="viewport" content="width=device-width,height=device-height,user-scalable=no, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
        <title>h5自适应</title>
        <script>
            var bw = (document.documentElement.clientWidth / 7.5) + "px";
            var htmlTag = document.getElementsByTagName("html")[0];
            htmlTag.style.fontSize = bw;
        </script>
        <style>
            *{margin: 0;padding: 0;}
            h1{
                text-align: center;
                width: 7.5rem;
                font-size: .36rem;
            }
        </style>
    </head>
    <body>
        <h1>经过计算可得：750px == 7.5rem</h1>
    </body>
</html>

在这里插入图片描述

优惠劵

sunly_

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
h5移动端自适应js

<!DOCTYPE html><html lang="cn"> <head> <meta charset="utf-8" /> <meta id="viewport" name="viewport" content="width=device-width,height=device-height,use...
复制链接

扫一扫