html
关注
分享
扫一扫
文章平均质量分 52
漫川清梦压星河
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
reflow （回流）和 repaint（重绘)理解
reflow 和 repaintrepaint 就是重绘，reflow 就是回流。严重性：在性能优先的前提下，性能消耗 reflow 大于 repaint。体现：repaint 是某个 DOM 元素进行重绘；reflow 是整个页面进行重排，也就是页面所有 DOM 元素渲染。如何触发：style 变动造成 repaint 和 reflow。不涉及任何 DOM 元素的排版问题的变动为 repaint，例如元素的 color/text-align/text-decoration 等等属性的变动。除原创 2021-01-19 10:40:32 · 428 阅读 · 0 评论 -
移动端布局方案
移动端布局方案百分比布局百分比布局的，这样的做法的话是比较费时间的，有些细节的地方还需要用媒体查询来做兼容。做起来挺费时间，而且对于设计稿的还原也不好。所以这里>也不怎么推荐固定的设备宽度在做移动开发的时候很多人都会加上viewport的配置，那么固定设备宽度的布局就是根据这个来设置的，将viewport里面的宽度width设置成设计稿的宽度，也就是说原本是width=device-width，即宽度为设备的宽度假如在iphone6上显示的时候，那么页面的宽度就是375px; 当我原创 2021-01-19 10:37:43 · 144 阅读 · 0 评论 -
右边宽度固定，左边自适应
1实现方式一:最简单的方式使用flex的方式实现<style>body{ display: flex;}.left{ background-color: rebeccapurple; height: 200px; flex: 1;}.right{ background-color: red; height: 200px; width: 100px;}</style><body> <di原创 2021-01-19 10:09:48 · 211 阅读 · 0 评论