博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
rem项目踩到的坑
阅读量:3961 次
发布时间:2019-05-24

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

接到一个项目需要你去迭代修改,如果是rem布局,切记先点开浏览器dom树的html标签,看一下上面的font-size是多少,如果浏览器手机模拟器是375的宽

在这里插入图片描述

ui默认都是750的宽
在这里插入图片描述
dom树上html的font-size如果是25px,那相对ui给的750的图则正好是1rem = 50px,但如果浏览器手机模拟器375宽的dom树你点开html的font-size是20px的话,那他的项目中设置的1rem对应的就是40px
在这里插入图片描述

—记得手动设置一下vscode里的rem自动转换

在这里插入图片描述
大部分项目都是配置1rem = 50px,但也有个别比较坑的项目会配置不一样,比如我上面截图这个,配置的就是40px,所以,rem布局项目切记先看一下默认rem和px比例,然后对应修改一下vscode的自动转换工具,不要以为所有项目都是配置50px,否则会被坑死的😭。

转载地址:http://roqzi.baihongyu.com/

你可能感兴趣的文章
Python字符与数字的相互转换
查看>>
C 指针解读
查看>>
有关乱码的处理---中国程序员永远无法避免的话题
查看>>
JSP的运行内幕
查看>>
python超简单的web服务器
查看>>
代理模式、静态代理、动态代理、aop
查看>>
Struts1.x Spring2.x Hibernate3.x DWR2.x整合工具文档v1.00
查看>>
大型Web2.0站点构建技术初探
查看>>
机器学习算法汇总:人工神经网络、深度学习及其它
查看>>
解决Spring中AOP不能切入Struts的DispatchAction方法的问题
查看>>
出国以后才知道英语应该怎么学
查看>>
计算机专业权威期刊投稿经验总结
查看>>
如何在三个月内学会一门外语?
查看>>
看看你对Linux到底了解多少?
查看>>
网上看到的:ARM入门最好的文章(转)
查看>>
中国最美情诗100句
查看>>
javascript注册window的onload事件问题研究
查看>>
客户端技术分页控件javascript+css,可用于任何服务器端技术
查看>>
学习Swing 的网站[转]
查看>>
Google App engine 的第一个应用 midispot
查看>>