REM布局计算,移动端,pc端有兼容性)

rem布局计算(移动端,pc端有兼容性)

 <!DOCTYPE html>
 <html>
 <head lang="en">
     <script>
         function rootREM() {
             var W = document.documentElement.clientWidth;
             W = (W <= 640) ? W : 640;
             document.documentElement.style.fontSize = W / 10 + 'px';
             document.body.style.fontSize = W / 20 + 'px';
         }
         window.onresize = function () {
             rootREM()
         };
     </script>
     <meta charset="UTF-8">
     <title></title>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
 </head>
 <body onload="rootREM()">

 <div style="max-width: 640px;">
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!
     <br/>你好,世界!

 </div>

 </body>
 </html>
上一篇:Maven配置文件Pom.xml详解


下一篇:Tomcat配置(二):tomcat配置文件server.xml详解和部署简介