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>

rem布局计算（移动端，pc端有兼容性）的更多相关文章

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

    rem布局计算(移动端,pc端有兼容性) <!DOCTYPE html> <html> <head lang="en"> <script& ...

  2. js 设备判断（移动端pc端 安卓ios 微信）

    苹果安卓判断 $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.in ...

  3. 移动端&PC端CSS样式兼容代码

    CSS样式兼容代码 1.禁止选中复制文本 *{ user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-us ...

  4. js -- 移动端pc端自动切换

    1. 判断浏览器类型 浏览器判断使用的github开源项目current-device,下面是地址: https://github.com/matthewhudson/current-device 在 ...

  5. Charles如何抓取https请求-移动端+PC端

    Charles安装完成,默认只能抓取到http请求,如果查看https请求,会显示unkonw或其它之类的响应.所以需要先进行一些配置,才能抓取到完整的https请求信息.下面针对PC端和手机端抓包的 ...

  6. React.js 入门与实战之开发适配PC端及移动端新闻头条平台课程上线了

    原文发表于我的技术博客 我在慕课网的「React.js 入门与实战之开发适配PC端及移动端新闻头条平台」课程已经上线了,文章中是目前整个课程的大纲,以后此课程还会保持持续更新,此大纲文档也会保持更新, ...

  7. 在前端眼中pc端和移动的开发区别

    按照昨天所说,本包子今天将总结在前端开发中,pc端和移动端的区别,整理完这些区别,本包子将开始整理pc端的布局,会写实际的代码了,还是那句话,希望文章中有什么不足的地方,大家能多多指正,大家一起进步, ...

  8. 判断pc端还是移动，并给移动加上其它的样式文件方法

      所有移动端PC端 按 640 进行排版 body, html { width: %; height: %; overflow: hidden; background-color: #; } bod ...

  9. JS判断android ios系统 PC端和移动端

    最近公司上线移动端,需要根据不同的系统跳转到不同的产品页面,百度后发现这一段代码很好用,不但可以判断当前是什么系统,还能知道当前浏览器是什么内核,移动端PC端都已测试无问题! var browser ...

随机推荐

  1. ios中core Plot (2)

    #import "ViewController.h" @interface ViewController () //指定要画得view @property(nonatomic,as ...

  2. ILP32、ILP64、LP64、LLP64、64位系统

    Data Type     ILP32      ILP64     LP64      LLP64char              8             8            8     ...

  3. mac安装thrift

    一.安装brew包管理工具 不想Ubuntu自带apt,redhat自带yum,mac是不自带包管理工具的.需要自己安装,最常用的是brew,Homebrew简称brew,OSX上的软件包管理工具,在 ...

  4. 【LeetCode】173. Binary Search Tree Iterator (2 solutions)

    Binary Search Tree Iterator Implement an iterator over a binary search tree (BST). Your iterator wil ...

  5. web前端工程师在移动互联网时代里的地位问题 为啥C/S系统在PC端没有流行起来，却在移动互联网下流行了起来 为啥移动端的浏览器在很多应用里都是靠边站，人们更加倾向于先麻烦自己一下，下载安装个客户端APP

    web前端工程师在移动互联网时代里的地位问题 支付宝十周年推出了一个新产品:支付宝的十年账单,我也赶个时髦查看了一下我的支付宝十年账单,哎,感慨自己真是太屌丝了,不过这只是说明我使用淘宝少了,当我大规 ...

  6. VS2010调试多进程

    http://msdn.microsoft.com/zh-cn/library/ms123401.aspx 选择启动项目 在“解决方案资源管理器”中,右击项目名,然后在快捷菜单上单击“设为启动项目”. ...

  7. 【Algorithm】快速排序（续）

    前面在常用的排序算法中,已经写过一篇关于快速排序算法的博客,但是最近看到<The C Programming Language>这本书中的快速排序算法写的不错,所以就拿过来分享一下,下面我 ...

  8. Oracle 12C -- 删除audit policy

    删除之前,必须将policy disable掉:然后再删除 SQL> noaudit policy audit_sysprvi_po01; SQL> drop audit policy a ...

  9. 【转】Scheme 编程环境的设置

    Scheme 编程环境的设置 介绍了这么久的 Scheme,却没有讲过如何配置一个高效的 Scheme 的编程环境.有些人开始学习 Scheme 的时候感觉无从下手,所以今天讲一下它的配置. Sche ...

  10. SAML

    From the book <Modern Authentication with Azure Active Directory for Web Applications> SAML Th ...