移动APP中rem适配

时间 2019-11-13

标签移动 app rem 适配栏目无线繁體版

原文原文链接

将js中的代码引入本身html页面中，页面内的全部有关尺寸大小的设定均可以用rem来代替，如用rem代替px的使用，能够作到屏幕大内容按比例放大，是全部内容哦，若果你项目中全部内容都使用rem。html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>移动APP中rem适配-jq22.com</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></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);
}jquery

function remFn(num) {
document.documentElement.style.fontSize = document.documentElement.clientWidth / num + 'px';
};</script>
</body>
</html>htm

1. 移动端适配之REM
2. H5移动端rem适配
3. rem适配移动设备
4. 移动端适配之rem
5. rem适配移动端
6. vw+rem移动端适配
7. 移动端VW+rem适配
8. 移动端rem适配
9. rem移动端适配
10. 移动端适配-REM
更多相关文章...
• 移动设备统计 - 浏览器信息
• IP地址分配（静态分配+动态分配+零配置） - TCP/IP教程
• SpringBoot中properties文件不能自动提示解决方法
• IntelliJ IDEA中SpringBoot properties文件不能自动提示问题解决