BFC

Posted YUHONGCUISummer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BFC相关的知识,希望对你有一定的参考价值。

BFC是块级格式化范围。是独立的元素,不会影响其它的元素。

html5中的语义化标签(块级元素)。

display:table本身不产生BFC.

display:table-cell的框产生BFC.

响应式界面:

width=device-width.  等于屏幕宽度,原始缩放比例:(initial-scale=1)为1.0

要求:

1.不用宽度的绝对大小:width:xx%

2.字体大小:字体使用相对大小"RMB"

3.流式布局:响应式布局综合了自适应布局和流式布局特点。

4.加载CSS.

5.CSS的@media规则

6. 图片的自适应。

以上是关于BFC的主要内容,如果未能解决你的问题,请参考以下文章

BFC 神奇背后的原理

BFC理解余应用

BFC 神奇背后的原理

BFC 神奇背后的原理

什么是BFC?

前端精选文摘:BFC 神奇背后的原理