rem布局计算（移动端，pc端有兼容性）

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <script>
 5         function rootREM() {
 6             var W = document.documentElement.clientWidth;
 7             W = (W <= 640) ? W : 640;
 8             document.documentElement.style.fontSize = W / 10 + 'px';
 9             document.body.style.fontSize = W / 20 + 'px';
10         }
11         window.onresize = function () {
12             rootREM()
13         };
14     </script>
15     <meta charset="UTF-8">
16     <title></title>
17     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
18 </head>
19 <body onload="rootREM()">
20
21 <div style="max-width: 640px;">
22     <br/>你好，世界！
23     <br/>你好，世界！
24     <br/>你好，世界！
25     <br/>你好，世界！
26     <br/>你好，世界！
27     <br/>你好，世界！
28     <br/>你好，世界！
29     <br/>你好，世界！
30     <br/>你好，世界！
31     <br/>你好，世界！
32     <br/>你好，世界！
33     <br/>你好，世界！
34     <br/>你好，世界！
35     <br/>你好，世界！
36     <br/>你好，世界！
37     <br/>你好，世界！
38     <br/>你好，世界！
39     <br/>你好，世界！
40     <br/>你好，世界！
41     <br/>你好，世界！
42     <br/>你好，世界！
43     <br/>你好，世界！
44     <br/>你好，世界！
45
46 </div>
47
48 </body>
49 </html>

转载于:https://www.cnblogs.com/myclovers/p/6042734.html

REM布局计算,移动端,pc端有兼容性）相关推荐

UC电脑端PC端浏览器下载，UC浏览器凉了？
近期从UC浏览器的官网找不到UC浏览器的PC端没有了而官网只有安卓端和iOS版本了阿里官方的客服也回复说暂时不考虑开发UC浏览器电脑端了百度贴吧也有感觉很可惜的感觉而今天给大家带来的就是UC浏 ...
多终端登录，只保留一个移动端+PC端同时在线
大家好,我是入错行的bug猫.(http://blog.csdn.net/qq_41399429,谢绝转载) 今天突然有小伙伴在群里问bug猫,多终端登录怎么搞. bug猫说,不知道百度的程序猿不是好 ...
pc端rem适配_浅谈pc端rem字体设置的问题
1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常 2.长,宽,LEFT,TOP,RIGHT,BOTTO ...
css响应式布局及分辨率（PC端、H5端）
PC端按屏幕宽度大小排序分辨率比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸.12.1寸.14.1寸.15寸; ) 1280*800(16:1 ...
vue 移动端PC端选用的ui框架
1.pc端的项目,最好的选择是ElementUI.(pc端) 一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库.Element是饿了么前端开源维护的Vue UI组件库,更新频率 ...
移动端/PC端网页开发建议
作者:黄玄链接:https://www.zhihu.com/question/25836425/answer/31564174 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...
找茬小游戏，uniapp小程序端+pc端操作静态页
需求: 做一个类似找茬的答题小程序: 提交后根据坐标返回值在图中标识出点对.点错.未点的茬: pc端页面也要写一个,用于用户设置点位. 难点: pc端和小程序端宽高比例的问题: 如何判定是否选对: 干 ...
vue 同一个域名移动端pc端两套代码跳转_百度移动搜索优化：手机站优化指南
百度移动搜索是全球最大的中文手机搜索引擎,每天用户使用百度移动搜索发起的搜索请求高达数亿次.本文档旨在为手机站站长提供官方.明确的搜索引擎优化标准,使站长合理.可持续的提升手机站流量,获得长久.稳定的 ...
js -- 移动端pc端自动切换
1. 判断浏览器类型浏览器判断使用的github开源项目current-device,下面是地址: https://github.com/matthewhudson/current-device在浏 ...
判断移动端PC端访问网页时跳转到对应的移动端网页
原文引用于:http://www.cnblogs.com/yc-755909659/archive/2015/06/06/4556066.html 不想通过CSS自适应在PC端和移动端分别显示不同的样 ...

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

rem布局计算（移动端，pc端有兼容性）

REM布局计算,移动端,pc端有兼容性）相关推荐

最新文章

热门文章