锐客网

  1. 首页 > 睿知 > it技术 > >

移动APP中rem适配

IT知识移动移动app

一万年来谁著史，三千里外欲封侯。这篇文章主要讲述移动APP中rem适配相关的知识，希望能为你提供帮助。
将js中的代码引入自己html页面中，页面内的所有有关尺寸大小的设定都可以用rem来代替，如用rem代替px的使用，可以做到屏幕大内容按比例放大，是所有内容哦，若果你项目中所有内容都使用rem。
 
< !doctype html>
< html>
< head>
< meta charset="utf-8">
< title> 移动APP中rem适配-jq22.com< /title>
< script src="http://img.readke.com/220425/004922M50-0.jpg"> < /script>
< style>
div {
font-size:0.3rem;
text-align:center;
padding-top:1rem;
}
< /style>
< /head>
< body>
< div> Hello World！< /div> < script>
remFn(10);
window.onresize = function() {
remFn(10);
}
【移动APP中rem适配】function remFn(num) {
document.documentElement.style.fontSize = document.documentElement.clientWidth / num + ‘px‘;
}; < /script>
< /body>
< /html>
























    推荐阅读


    上一篇：Android background tint颜色渲染

    下一篇：Win8自动更新找不到硬件驱动程序怎样办？