移動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文件不能自動提示問題解決

相關標籤/搜索