css默认样式去除,js移动端适配

最新推荐文章于 2021-06-03 03:11:26 发布

summer_lllx

最新推荐文章于 2021-06-03 03:11:26 发布

阅读量245

点赞数 1

分类专栏： css js 前端文章标签：去除默认样式，js移动端适配

本文链接：https://blog.csdn.net/weixin_44230807/article/details/100902549

版权

前端同时被 3 个专栏收录

28 篇文章 0 订阅

订阅专栏

16 篇文章 0 订阅

订阅专栏

css

2 篇文章 0 订阅

订阅专栏

默认样式去除

body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,td,figure,figcaption{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img{display:block; border:none;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{font-size:12px; font-family:“微软雅黑”;}
input,a{outline:none;}

移动端js适配


<script>
window.onload = function(){
         getRem(720,100)      /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
   		  }; 
         window.onresize = function(){
         getRem(720,100)
         };
         function getRem(pwidth,prem){
           var html = document.getElementsByTagName("html")[0];
           var oWidth = document.body.clientWidth || 	document.documentElement.clientWidth;
            html.style.fontSize = oWidth/pwidth*prem + "px";
}
        </script>