js 实现在移动端开发,解决不同手机像素大小的兼容问题
来源:互联网 发布:阿里云客服好做吗 编辑:程序博客网 时间:2024/06/06 02:57
Js 实现在移动开发网页时,根据手机像素不同,自动改变相对,字体的大小。 实例代码中以750像素为参考,如果在350像素手机上显示该内容,相对字体大小为1px=0.01rem
(function (doc, win) { var docEle = doc.documentElement, resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize'; var recalCulate = function () { var width = docEle.clientWidth; docEle.style.fontSize = 100 * (width / 750) + 'px'; }; recalCulate(); if (!doc.addEventListener) return; win.addEventListener(resizeEvent, recalCulate, false); })(document, window);
阅读全文
0 0
- js 实现在移动端开发,解决不同手机像素大小的兼容问题
- 解决不同js特效在不同浏览器之间的兼容问题
- 移动端开发的兼容问题
- 解决移动端字体大小与设定大小不同的问题
- 移动端之在不同尺寸大小的手机上展示同一效果解决方案(修正二) by FungLeo
- android开发如何更好的解决适配不同屏幕大小移动设备的问题
- 在移动端实现一像素边框
- qt android开发篇之如何实现在不同分辨率手机中自适应字体大小,或者像素什么的
- html\css\js-dom在不同主流浏览器的兼容问题
- 移动端(手机)1像素边框真正实现
- 移动端(手机)1像素边框实现方法
- 移动端(手机)实现1像素下边框的方法
- 移动端webApp兼容问题解决
- 在不同的浏览器使用不同的css样式,解决浏览器兼容问题
- 在不同的浏览器使用不同的css样式,解决浏览器兼容问题
- 移动端总结和手机兼容问题
- 移动端总结和手机兼容问题
- 解决SQLserver不同版本的兼容问题
- Java RandomAccessFile用法
- 二叉树基本结构
- 可下拉输入框
- python3字符串编码
- 端午假期
- js 实现在移动端开发,解决不同手机像素大小的兼容问题
- ssh学习之hibernate篇
- 界面布局之VFL
- 利用fl2440开发板和rt3070模块实现简单路由器制作
- node-red端口争用问题
- 《Core Java》 读书笔记——第3章
- OpenGL蓝宝书源码学习(七)第四章——ModelViewProjection.cpp
- 螺旋数组
- oracle数据库存储过程创建