rem布局js脚本代码
目前代码在750屏幕分辨率下是十倍 基本上使用iphone是375宽度 所以就是20倍 图片背景可以使用二倍图
(function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            if (clientWidth >= ) {
                docEl.style.fontSize = '100px';
            } else {
                docEl.style.fontSize =  * (clientWidth / ) + 'px';
                //直接输入设计图大小即可
            }
        };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    recalc()
    doc.addEventListener('DOMContentLoaded', recalc, false);
    /*DOMContentLoaded文档加载完成不包含图片资源 onload包含图片资源*/
})(document, window);
可以搭配vs插件cssrem,在用户设置处设置你需要转换的比率,可以认为是页面中html根元素的font-size

rem布局js脚本代码的更多相关文章
- 关于Cocos Creator用js脚本代码播放骨骼动画的步骤和注意事项
		
步骤: 1.用cc.find()方法找到相应的骨骼动画节点,并把这个对象赋值给一个var出来的新对象. 具体代码:var spineboy_anim = cc.find("UI_Root/a ...
 - 移动端rem布局 js
		
// rem布局适配 (function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in ...
 - ASP.NET后台输出js脚本代码
		
利用asp.net输出js我们大多数都会直接使用Respone.Write()然后根js格式的代码,再在页面调用时我们直接这样是完全可以实现的,下面我来给大家介绍另一种方法 我是我最初的想法以下是代码 ...
 - .net 用户控件ascx.cs注册js脚本代码无效果
		
在.net web项目中碰到一个比较奇怪的问题,网上没找到解决方案,先自己mark一下 问题描述: 添加一个用户控件ascx,在后端.cs添加js注册脚本,执行后没有弹出框 注册脚本为: this.P ...
 - php使用正则过滤js脚本代码实例
		
匹配的规则不能用 "/<script.*<\/script>/i",因为它不能匹配到换行符,那么多行js就匹配不掉了. 要用 "/<script[ ...
 - 移动手机专题rem布局实践+主要代码
		
HTML开头部分 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" / ...
 - js脚本代码调试小技巧
		
以前写js代码调试代码查看数据是否正确的时候不知道F12(开发者工具),都是alert(xxx)或者console.log(xxx), 现在知道还可以用document.write或者try...ca ...
 - 总结ASP.NET C#中经常用到的13个JS脚本代码
		
1.按钮前后台事件 <asp:Button ID="Button1" runat="server" OnClick="Button1_Click ...
 - rem布局js实现
		
(function(designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement ...
 
随机推荐
- ConcurrentHashMap 实现缓存类
			
参考:https://blog.csdn.net/woshilijiuyi/article/details/81335497 在规定时间内,使用 hashMap 实现一个缓存工具类,需要考虑一下几点 ...
 - android: 根据文件uri 获取文件名
			
public static String getFileRealNameFromUri(Context context, Uri fileUri) { if (context == null || f ...
 - dense向量和稀疏向量sparse
			
import org.apache.spark.mllib.linalg.Vectors object Test { def main(args: Array[String]) { val vd = ...
 - SqlCacheDependency 缓存数据库依赖
			
启用SQL SERVER 通知 aspnet_regsql.exe -S <Server> -U <Username> -P <Password> -ed -d N ...
 - 二分查找及几种变体的Python实现
			
1. 在不重复的有序数组中,查找等于给定值的元素 循环法 def search(lst, target): n = len(lst) if n == 0: return -1 low = 0 high ...
 - vue element 时间选择器设置禁用日期
			
在 el-date-picker 组件中有一个 picker-options 属性 disabledDate 可以设置日期的可选范围 <el-date-picker v-model=" ...
 - Mac. 修改bash_file
			
https://www.cnblogs.com/mokey/p/3542389.html
 - 模拟服务容器Ioc
			
服务容器是一个用于管理类依赖和执行依赖注入的强大工具. 一个类要被容器所能够提取,必须要先注册至这个容器.既然称这个容器叫做服务容器,那么我们需要某个服务,就得先注册.绑定这个服务到容器,那么提供服务 ...
 - Spring开发踩坑记录
			
#1 @EnableEurekaServer无法正常import原因是spring-cloud-dependencies版本太低,改成高版本的Edgware.SR4即可.参考:https://www. ...
 - 学习Java的书籍资料
			
对于程序员来说,编程技术至关重要,然而技术的提高不是一蹴而就的,它需要时间的积累和经验的沉淀.因此本文为大家推荐Java学习的书籍,学虽容易,学好不易,且学且珍惜. 基础类.<Java从入门到精 ...