移动端rem
2024-08-30 18:56:37
手机有很多尺寸的型号。使用rem来做为大小单位可以达到兼容的目的。
方法一：js测量手机尺寸，设置font-size:为手机屏幕width /10 + ‘px’。即10rem 为手机屏幕width。
方法二：css的媒体查询，列举所要兼容的手机尺寸，按照方法一设置html的font-size。
代码：
方法一
（function () {
var newRem = function () {
html.style.fontSize = html.getBoundingClientRect().width / 10 + 'px'
}
window.addEventListener('resize', newRem, false)
newRem()
}）（）
方法二
。。。
最新文章
- MFC-简单的函数使用
- 前端中JSON对象和JSON字符串的相互转换
- Android网络(4):HttpClient必经之路----使用线程安全的单例模式HttpClient，及HttpClient和Application的融合
- .net别样外观控件包DotNetBar
- Python新手学习基础之数据类型——数字类型
- invalid receiver type
- WPF: 深入理解 Weak Event 模型
- python2.7入门---内置函数
- React 实战系列：模块化
- linux常用目录简介
- .net图表之ECharts随笔06-这才是最简单的
- 让win7变成无线路由（需要用管理员权限打开）最后完善.rar
- 使用Visual Studio 2012远程调试Windows Azure网站
- [Java学习] Java异常处理基础
- Confluence 6 管理多目录
- cogs791 [HAOI2012] 音量调节
- c++ define的用法（转）
- action访问servlet的API并且获取到MAP或者httpServlet类型的application，session，request
- Codeforces 834D The Bakery 【线段树优化DP】*
- Sed命令n，N，d，D，p，P，h，H，g，G，x解析3