首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

第148天:js+rem动态计算font-size的大小,适配各种手机设备

方案: 布局排版都用rem做单位,然后不同宽度的屏,js动态计算根节点的font-size。...假设设计稿是宽750px来做的,书写css方便计算考虑,根节点的font-size假定为100px,得出设备宽为7.5rem。设计稿中标注的任何px数值都可以换算成px/100的rem。...就是说,每一个设备的宽度都定为7.5个rem,然后宽度非750px的设备里,就需要用JSfont-size做动态计算。 换算关系为:根节点的font-size=设备宽度/7.5。...js动态计算的font-size太小时,会导致超小屏上UI显示效果比预想中的偏大。...win.addEventListener(resizeEvt, recalc, false);//addEventListener事件方法接受三个参数:第一个是事件名称比如点击事件onclick,第二个是要执行的函数,第三个是布尔

2.5K30

js四舍五入、向上整、向下

Math.round()、Math.ceil()、Math.floor()分别代表整,向上整,向下整。 Math.round四舍五入 参数:一个数值。...返回:给定数值的四舍五入最接近的整数,需要注意负数的情况。 如果参数的小数部分小于5的话,则舍入到相邻的绝对值更大的整数。如果参数的小数部分小于5的话则舍入到相邻的绝对的更小的整数。...注:Math.ceil(null)返回0,而不是返回NaN错误,QAQ,js坑真多。 由于ceil是Math的静态方法,因此访问Math对象就可以直接调用了。...Math.floor 返回:返回一个小于或等于给定数字的最大整数。...,Math.floor用于向下整,Math.round用于四舍五入,对于这三种方法都需要特别注意为负数的情况,可能跟我们预想的不一样。

5.3K21
领券