响应式布局(rem布局),使用JS动态设置fontsize
2024-08-22 03:06:05
var cw = document.documentElement.clientWidth;
if (cw > 1920) {
cw = 1920;
}
document.getElementsByTagName("html")[0].style.fontSize = 20 * ( cw / 960) + 'px'
上面代码针对的是设计稿为1920时的写法
这种设置下,比如设计稿一个box宽为40px,则转换之后则可以写成
width:1rem;
一般情况下对于单屏页面高的设置可以采用vh单位
比如设计稿的box高为100px,设计稿单屏页面高度为960px,则可以设置高为 100/960*100 vh
当然如果不是单屏页面,基本上才用高和宽都用rem,保证设计稿的等比例实现
最新文章
- jdk环境变量
- VTKMY 3.3 VS 2010 Configuration 配置
- kafka单节点部署无法访问问题解决
- box2dweb 学习笔记--sample讲解
- vs2012出现无法启动iis express web 服务器的错误
- hdu 1062 Text Reverse 字符串
- oracle查询表信息
- Chrome 开发者工具的使用
- 201621123054 《Java程序设计》第六周实验总结
- Android集成ffmpeg
- C# ToString()日期格式
- Ubuntu18.04应用程序安装集锦
- thymelead入门 git地址在文档最后
- UGUI小技巧之Text随文本内容自动变化大小
- spring cloud (一、服务注册demo_eureka)
- ctsc2017
- Python3 tkinter基础 Entry show textvariable 密码输入框
- linux环境中,ssh登录报错,Permission denied, please try again.
- 【Unity Shader】渲染管线
- python2.7多线程的批量操作远程服务器
热门文章
- 南京Uber优步司机奖励政策(7.20~7.26)
- [Jmeter并发报错解决方案]org.apache.http.NoHttpResponseException: 10.0.4.147:8000 failed to respond
- hdu 2187(凸包直径 1.枚举 2.旋转卡壳)
- Sql Server 2008R2中使用CET进行递归查询
- python删除文本中的所有空字符
- WeTest功能优化第3期:业内首创,有声音的云真机
- git 创建新项目,下载工程,合并和更新工程简单应用记录
- 汽车VIN码,车架号,移动端,服务器端OCR识别 技术公司
- OSG-获取OSG的源代码和第三方库并编译
- <;cfloat>; (float.h)