![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 85
雾町
这个作者很懒,什么都没留下…
展开
-
移动端布局:流体布局、弹性盒布局、rem布局
针对移动端布局适配,可以采用 流体布局 、弹性盒布局、rem布局的方式,一个页面的布局可以综合运用这三种方式完成最终的布局。 1、流体布局 宽度用百分比,高度用固定值的布局方式,宽度通过百分比来适配不同宽度的屏幕。 优缺点 直接将宽度写成百分比,高度写固定值,这种布局方式就比较简单,但是对于宽屏和窄屏,宽度的百分比是相同的,得到的最终宽度是不同的,而高度是固定值,这就让网页在宽屏上,感觉整个网页在横向上被拉伸的,体验不是很好,另外,用百分比的方式不能解决所有布局情况,还需要结合后面的响应式布局的技巧.原创 2021-09-13 14:50:58 · 758 阅读 · 0 评论 -
html学习笔记001-页面渲染过程
1.渲染引擎 渲染引擎大致包括HTML解析器、CSS解析器、布局和JavaScript引擎。 HTML解析器:解析HTML,将HTML文本解析成DOM树。 CSS解析器:解析CSS,将DOM中的各元素加上样式信息,形成CSSOM树,给布局提供依据。 布局:将DOM树和CSSOM树结合起来,计算它们的大小、位置等布局信息形成一个能表示这所有信息的模型——Render树。 JavaScript引擎:解析JavaScript代码,并把代码的逻辑和对DOM、CSS的改动应用到布局中。 这些模块依赖很多基础模块转载 2021-07-21 16:15:55 · 248 阅读 · 0 评论