关于设备像素适配

2019-09-10 admin

//rem适配处理 //rem适配原理:改变了一个元素在不同设备上占据的css像素的个数

    (function(){
        var styleNode = document.createElement('style');//创建style
        var wh = document.documentElement.clientWidth/16;//获取屏幕窗口的宽度在除以16
        styleNode.innerHTML = "html{font-size" + wh + "px!important}";
        document.head.appendChild(styleNode);
    })()

[转载]原文链接:https://segmentfault.com/a/1190000020338768

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-74729.html

文章标题:关于设备像素适配

相关文章
前端开发领域推荐关注的微信公众号
这篇文章分享了前端领域的多个值得关注的技术、设计、极客、创业相关微信公众号。其中有最受欢迎的热门公众号、也有专注某个技术或设计的公众号,涵盖:算法、JavaScript、Nodejs、程序员、Web前端、Linux、数据库、创业、UI设计和...
2017-03-23
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
发现问题 在 vue2 中对表单控件有着良好的双向数据绑定机制,但是对于要特定实现某些功能的输入时,我们就不得不使用到 contenteditable=“true” 的 div ,而在这个 div 上是使用 v-model 是没有效果的。那...
2017-03-20
关于JavaScript
JavaScript是什么? JavaScript是一个跨平台的、面向对象的脚本语言,这是一个小而轻语言,入门十分简单。 JavaScript对象包含一个标准库,如 数组 , 日期 , math 和一组核心的语言元素,如运算符,控制结构和语...
2015-11-12
基于Marquee.js插件实现的跑马灯效果示例
本文实例讲述了基于Marquee.js插件实现的跑马灯效果。分享给大家供大家参考,具体如下: 1、Marquee.js文件 /****************************************************...
2017-02-17
关于element-UI中DateTimePicker设置默认值的两三事
直接以type="datetimerange"的el-date-picker为例。官方中给出的默认value例子是 <div class="block"> <span cla...
2018-07-23
JS基于cookie实现来宾统计记录访客信息的方法
<p>本文实例讲述了JS基于cookie实现来宾统计记录访客信息的方法。分享给大家供大家参考。具体如下:</p><p>这里使用JavaScript记录访客的来宾信息,记录是第几次来访,显示的信息有:您的名...
2017-03-29
基于javascript实现单选及多选的向右和向左移动实例
本文实例讲述了基于javascript实现单选及多选的向右和向左移动实例。分享给大家供大家参考。具体实现方法如下: 方法 一: <body> <h1>实现单选及多选的向右和向左移动</h1> &...
2017-03-27
Angularjs实现搜索关键字高亮显示效果
需求分析: 根据关键字搜索网页内容,并且高亮显示内容中的关键字 细节分析: 1、每次执行搜索操作,需清空上一次结果 2、需区分html标签和正常文本内容,否则为关键字添加样式以后会出现标签内容被显示的情况 代码思路: 利用正则表达式匹配关键...
2017-03-03
优化RequireJS项目的相关技巧总结
本文将演示如何合并与压缩一个基于RequireJS的项目。本文中将用到苦干个工具,这其中就包括Node.js。 因此,如果你手头上还没有Node.js可以点击此处下载一个。 动机 关于RequireJS已经有很多文章介绍过了。这个工具可以将...
2017-03-27
JavaScript实现基于Cookie的存储类实例
本文实例讲述了JavaScript实现基于Cookie的存储类。分享给大家供大家参考。具体分析如下: 通过这个JS类,你可以象使用session一样使用cookie,非常简单了! /* * CookieStorage.js *...
2017-03-22
回到顶部