1.关于CSS百分比
1
百分比单位始终根据父元素相应值来计算

这是错误的,一时间说不出所有的情况,就举两个特例:

\1. line-height 的百分比是相对于自身的字体大小

\2. position: fixed 元素(如宽高等)的百分比是相对于视口的

2.常见的块级元素有:(自动换行,可设置高宽)

div、h1-h6、p、pre、ul、ol、li、form、table、labal等。

常见的行内元素:(无法自动换行,无法设置宽高)

a、img、span、i、em(强调)、sub(下标)、sup(上标)等。

常见的行块级元素:(拥有内在尺寸,可设置宽高,不会自动换行)

button、input、textarea、select、img等。

3. 回流必将引起重绘,重绘不一定会引起回流。

​ 会导致reflow回流的操作:

1.改变窗口大小

2:改变文字大小

3:内容的改变,如用户在输入框中敲字

4:激活伪类,如:hover

5:操作class属性

6:脚本操作DOM

7:计算offsetWidth和offsetHeight

8:设置style属性

一些常用且会导致回流的属性和方法:

  • clientWidthclientHeightclientTopclientLeft
  • offsetWidthoffsetHeightoffsetTopoffsetLeft
  • scrollWidthscrollHeightscrollTopscrollLeft
  • scrollIntoView()scrollIntoViewIfNeeded()
  • getComputedStyle()
  • getBoundingClientRect()
  • scrollTo()


本站访问量为: 次 。