无锡电子商城网站建设,网站建设的意义怎么写,微信怎么制作网页,必应网站收录提交入口这两天学的是自适应#xff0c;代码有点乱。而且这几天忙着写实习报告#xff0c;也没有时间去整理。 但是#xff0c;这下面代码吧#xff0c;是可以获取html的font-size值的#xff0c;然后用来设置相对单位rem的从而达到自适应效果的#xff1b;看到红色的width了吧代码有点乱。而且这几天忙着写实习报告也没有时间去整理。 但是这下面代码吧是可以获取html的font-size值的然后用来设置相对单位rem的从而达到自适应效果的看到红色的width了吧把它改成你屏幕宽度就好比如我的是1920px那么这样算出来html{font-size600px} 这样的话你要设置其他元素的rem比如span{font-size12px}要自适应就用12/600就是0.02remspan{font-size0.02rem}这样你的span字体就随屏幕大小也变了或者你要设置图片啊傻的也是用它的宽或者高除于600。 至于你要pc端和手机端分开效果什么的用media分别写CSS样式就哦了。 script !(function(doc, win) { var docEle doc.documentElement,//获取html元素 event onorientationchange in window ? orientationchange : resize,//判断是屏幕旋转还是resize; fn function() { var width docEle.clientWidth; width (docEle.style.fontSize 100 * (width / 320) px);//设置html的fontSize随着event的改变而改变。 }; win.addEventListener(event, fn, false); doc.addEventListener(DOMContentLoaded, fn, false); }(document, window)); /script转载于:https://www.cnblogs.com/liaoliao985786516/p/5605274.html
