博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS控制适配屏幕
阅读量:5037 次
发布时间:2019-06-12

本文共 310 字,大约阅读时间需要 1 分钟。

适配原理:将px换成rem,动态改变根元素html的font-size.

  • //得到手机屏幕的宽度
  • let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
  • //得到html的Dom元素
  • let htmlDom = document.getElementsByTagName('html')[0];
  • //设置根元素字体大小
  • htmlDom.style.fontSize= htmlWidth/20 + 'px';

转载于:https://www.cnblogs.com/webljp/p/10115697.html

你可能感兴趣的文章
L1-Day4
查看>>
搭建mocha测试环境并使用selenium进行测试
查看>>
Javascript测试之karma + mocha
查看>>
双城记开头
查看>>
烦人的幻灯片问题
查看>>
最大密度子图
查看>>
基于SSM-EasyUI的权限管理系统
查看>>
观察者模式
查看>>
[CSAPP-II] 链接[符号解析和重定位] 静态链接 动态链接 动态链接接口
查看>>
一起啃PRML - 1 Introduction 绪论
查看>>
git 的基本命令
查看>>
性能优化1
查看>>
Git 分支 - 远程分支
查看>>
git + tortoisegit安装及配置
查看>>
简单使用Dos命令关闭计算机
查看>>
android 数据存储之文件存储
查看>>
[JavaScript]偶自己的JavaScript扩展库(一点一点完善中...)
查看>>
【转载】php程序员:从1.5K到18K 一个程序员的5年成长之路
查看>>
Xtrareport绘制行号
查看>>
将程序复制到系统目录,设置开机自启动
查看>>