当前位置:首页 > 日记 > 正文

js实现适配不同的屏幕大小

js实现适配不同的屏幕大小

话不多说,请看代码:

// 通过js适配不同的屏幕大小(function (doc, win) {  var docEl = doc.documentElement,    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',    recalc = function () {      var clientWidth = docEl.clientWidth;      if (!clientWidth) return;      // 根据设备的比例调整初始font-size大小      if(clientWidth>640) clientWidth = 640;      docEl.style.fontSize = 50 * (clientWidth / 320) + 'px';    };  if (!doc.addEventListener) return;  win.addEventListener(resizeEvt, recalc, false);  doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

相关文章

分享vue.js devtools遇到一系列问

分享vue.js devtools遇到一系列问

分享,系列,电脑软件,js,vue,使用vue.js devtools遇到的磕磕绊绊,具体如下1.首先我们需要在谷歌浏览器扩展程序中点击获取更多2.在搜索框输入vue.js devtools,点击安装此扩展3.检查扩展是否开启我们需要检测我的扩展是否开启,允许文件地址是否…

angular十大常见问题

angular十大常见问题

常见问题,十大,电脑软件,angular,AngularJS可以视为是一种数据优先的框架,在它的三个层面中,数据模型是骨架,视图模型和业务事件是血肉,视图模板和指令是皮毛,这三层合在一起,就形成了一个活生生的Web应用。1.ng-if的情况下 ,始终将页面中的元素绑…

JavaScript学习总结之正则的元字符

JavaScript学习总结之正则的元字符

元字符,学习,正则,简单,电脑软件,一、元字符:  每一个正则表达式都是由元字符和修饰符组成的[元字符] ->在两个/之间的具有意义的一些字符 reg = /^\d$/ //只能是一个0-9之间的数字   1、具有特殊意义的元字符\ : 转义字符,转译后…

word2007怎么旋转文字word2007旋转

word2007怎么旋转文字word2007旋转

文字,步骤,方法,电脑软件,strong,  有时候需要旋转文档文字才符合要求,如何旋转文字呢?那么下面就由小编为大家分享下word2007旋转文字的技巧,希望能帮助您,有需要的朋友可以来看看哦。word2007旋转文字的步骤步骤一:依次单击“插入,艺术…

ps软件怎样安装汉化包

ps软件怎样安装汉化包

软件安装,方法,安装,汉化包,电脑软件,  ps软件有很多语言版本的,如果大家需要用汉语的可以用汉化包。那么大家知道ps软件怎样安装汉化包吗?下面是小编整理的ps软件怎样安装汉化包的方法,希望能帮到大家!ps软件安装汉化包的方法首先安装ADOB…

使用JS和canvas实现gif动图的停止

使用JS和canvas实现gif动图的停止

代码,电脑软件,JS,canvas,gif,HTML5 canvas可以读取图片信息,绘制当前图片。于是可以实现图片马赛克,模糊,色值过滤等很多图片特效。我们这里不用那么复杂,只要读取我们的图片,重绘下就可以。HTML代码:<img id="testImg" src="xxx.gif" width…

JavaScript实现实时更新系统时间的

JavaScript实现实时更新系统时间的

实时更新,实例代码,系统时间,电脑软件,JavaScript,一、Js代码 function getTime(){ str = "当前系统时间:" var p = document.getElementById("sy_time"); time = new Date(); year = time.getFullYear(); month = …

HTML中使背景自适应浏览器大小实例

HTML中使背景自适应浏览器大小实例

自适应,浏览器,详解,实例,大小,HTML中使背景图片自适应浏览器大小实例详解解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;3、body的background属性去…

vue中for循环更改数据的实例代码(

vue中for循环更改数据的实例代码(

数据,循环,实例代码,未变,页面,废话不多说了,直接给大家贴代码了,具体代码如下所示:let that = this;for(let i = 0;i<that.tableData.length;i++){ this.tableData[i].zzzk = this.midForm.zzzk; console.log(this.tableData[i].zzzk) this.t…

PHP实现的折半查询算法示例

PHP实现的折半查询算法示例

折半,算法示例,查询,电脑软件,PHP,本文实例讲述了PHP实现的折半查询算法。分享给大家供大家参考,具体如下:什么是折半查询算法?具体文字描述自己百度。直接上代码:<?phpheader("Content-type: text/html; charset=utf-8");/* 折半查询算法--…

JS查找英文文章中出现频率最高的单

JS查找英文文章中出现频率最高的单

查找,英文,单词,频率最高,文章,下面这个函数是js查找一篇英文文章中出现频率最高的单词(由26个英文字母大小写构成),输出该单词及出现次数,不区分大小写,主要是正则的运用:function counts(article){ article = article.trim().toUpperCase(); …

Angularjs 动态添加指令并绑定事件

Angularjs 动态添加指令并绑定事件

绑定事件,动态添加,指令,方法,电脑软件,这两天学习了angularjs 感觉指令这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。先说使用场景,动态生成DOM元素并绑定事件,非常常见的一种场景,用jq实现效果:var count=0;$("#test").on("cli…