一段代码把PC端页面适配手机端

最新推荐文章于 2025-04-07 17:37:34 发布

风逸玖

最新推荐文章于 2025-04-07 17:37:34 发布

阅读量2.9k

点赞数 4

分类专栏：好文章请多多支持文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/qq_38962479/article/details/106995398

版权

请多多支持同时被 2 个专栏收录

6 篇文章

订阅专栏

好文章

5 篇文章

订阅专栏

在PC端的代码中加入这段代码，及实现手机端页面的自适应，是个人目前觉得最好用的方法！
<script type="text/javascript">
       $(function(){
           resizewin();
           window.οnresize=function(){resizewin()};
           function resizewin() {
               let designSize = 1920; // 设计图尺寸
               let html = document.documentElement;
               let wW = html.clientWidth;// 窗口宽度
               let rem = wW * 100 / designSize;
               document.getElementsByTagName("html")[0].style.fontSize = rem + 'px';
           }

           $("#tkgb").click(function () {
   $('#tanchu').hide();
   });
   $(".tcbtn").click(function(){
       $("#tanchu").show();
   })

           if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
           $(".footer").css({"padding-bottom": "145px"});
           }

       });
   </script>