移动端rem使用
2024-10-12 20:10:40
let $html=document.documentElement,
windowW = window.innerWidth,
ratio = windowW / 750
if (windowW > 750) {
$html.style.fontSize='100px'
} else {
$html.style.fontSize=100 * ratio + "px"
} 常规的移动端ui出图都是以iphone6的尺寸来设计,上面设置好根字体后直接就可以拿设计稿上的尺寸用了。
比如:25px就写0.25rem即可,不同尺寸的移动设备就会自动匹配啦!
最新文章
- Java国际化程序
- Windows Phone 8 解锁提示IpOverUsbSvc问题——IpOverUsbEnum返回No connected partners found解决方案
- Verilog (二) multiplexer and decoder
- Redis-分布式
- [原创] 分享一些linux教程
- 【bzoj2281】[Sdoi2011]黑白棋
- 加强版for循环
- android EditText输入变化事件详解
- DirectoryExists
- 微博输入相关js 代码
- Pods was rejected as an implicit dependency for &;#39;libPods.a&;#39; because its architectures &;#39;x86_64&;#39; didn
- 【转】WCF传输大数据的设置
- python内置函数-compile()
- 【PowerOJ1738】最小路径覆盖
- [Python] 图像简单处理(PIL or Pillow)
- 微信支付相关js
- MySQL在线大表DDL操作
- Java如何删除数组中的元素?
- eclipse断点Source not found解决方案1,2,3
- [工具] Sublime Text 使用指南
热门文章
- Java中Scanner的输入流的关闭问题
- 终端管理软件tmux
- 国内阿里Maven仓库镜像及自己收集镜像库
- 关于MFC实时的视频处理
- 在Entity Framework 中用 Code First 创建新的数据库
- 移动端为何不使用click而模拟tap事件及解决方案
- Kotlin 初窥门径[1]:基础概念
- .Net Core 2.0生态(4):Entity Framework Core 2.0 特性介绍和使用指南
- spring boot / cloud (十四) 微服务间远程服务调用的认证和鉴权的思考和设计,以及restFul风格的url匹配拦截方法
- Win7里面如何把这一堆图标放进那个右下角的小三角框框