简单的移动端rem布局方法
来源:互联网 发布:二手备案域名交易 编辑:程序博客网 时间:2024/05/17 08:05
为根元素的html设置font-size的字体大小,根据屏幕的宽度来改变字体的大小,来达到自适应的效果,比如设计图的宽度是750px,那就用750/16=46.875px;一个div的宽度是200px,就是200/46.875=4.27rem,小数太多的情况下可以四舍五入;因为设计图宽度多为750px算起来小数特别多特别麻烦,所以把设计图宽度改成640px,算起来就好多了。
<script type="text/javascript"> //rem根元素设置字体大小 document.documentElement.style.fontSize = innerWidth / 16 + 'px'; onresize = function() { document.documentElement.style.fontSize = innerWidth / 16 + 'px'; }; </script>
阅读全文
0 0
- 简单的移动端rem布局方法
- 移动端的rem布局
- 移动端rem布局
- 移动端rem布局
- 移动端rem布局
- 移动端rem布局的理解
- 移动端 rem 布局的一些总结
- 移动端的自适应rem布局
- 移动端的自适应rem布局
- 基于rem的移动端布局注意事项
- 移动端 rem 布局的一些总结
- rem自适应移动端布局
- 【HTML5移动端开发】[rem + 百分比布局] 加载抖动(高度不一致)解的决方法
- 【移动端】使用REM进行的响应式布局
- 关于移动端rem 布局的一些总结
- 关于移动端rem 布局的一些总结
- 关于移动端rem 布局的一些总结
- 关于移动端rem 布局的一些总结
- kafka运行环境优化分析
- jmeter个人学习之路--检查点(断言)
- 产生随机数(不重复)
- Linux如何查看哪个进程占用的SWAP分区比较多
- 直接发送一封现有的文件
- 简单的移动端rem布局方法
- 知识碎片之排序规则
- SQL及其使用(3)
- java spring-boot项目中的cron 表达式
- 增强for循环
- java中list里面存放map,根据map中的某一个字段进行排序
- pytorch下利用cycleGAN摘除人脸眼镜实验
- 开发生产管理ERP系统时会编哪些功能?
- JSTL Validation error messages from TagLibraryValidator for c in