css
文章平均质量分 60
英年早秃小老弟
这个作者很懒,什么都没留下…
展开
-
rem的用法
原博客3分钟读懂移动端rem使用方法 使用rem rem适合于移动端适配和制作全屏效果,例如设计图的宽度与屏幕宽度进行适配。页面以及页面内容随屏幕宽度变化而变化。 使用场景 1.假设设计图为640px 2.设定为64rem=100%则1rem = 10px(比例自定义,也可以设置为1rem = 20px) 3.编写静态页面,然后将css中的px值都按照自己设定的rem与px的比例转化为rem。 注意 1rem的大小是通过html下的font-size这个css属性告诉浏览器的 所以在设置rem比例是在htm转载 2021-01-11 16:54:50 · 7465 阅读 · 3 评论 -
重排重绘
重绘:当元素的属性发生改变时(如color),浏览器通知render重新描绘相应的元素。 重排:元素变化涉及元素布局,浏览器抛弃原属性,重新计算。 重绘不一定重排,重排一定导致重绘。 回流:重排好的结果,传递给render来重新绘制页面,过程叫回流。 什么会导致回流? 添加或者删除可见的DOM元素; 元素位置改变; 元素尺寸改变——边距、填充、边框、宽度和高度 内容改变——比如文本改变或者图片大小改变而引起的计算值宽度和高度改变; 页面渲染初始化; 浏览器窗口尺寸改变——resize事件发生时; 如何优转载 2020-07-04 23:34:22 · 177 阅读 · 0 评论