标签:minimum html use res har charset user 适应 window
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/> <title>Document</title> </head> <body> <p style="font-size:0.1rem">rem的使用:根据屏幕大小自动改变字体大小</p> </body> <script> (function() { var newRem = function() { var html = document.documentElement; html.style.fontSize = html.getBoundingClientRect().width / 10 + ‘px‘; }; window.addEventListener(‘resize‘, newRem, false); newRem(); })(); </script> </html>
标签:minimum html use res har charset user 适应 window
原文地址:http://www.cnblogs.com/liyuhuan/p/7474351.html