Skip to content

[css] 第172天 你知道什么是流体排版吗?说说它的原理是什么? #1297

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第172天 你知道什么是流体排版吗?说说它的原理是什么?

Activity

wwqin

wwqin commented on Oct 5, 2019

@wwqin

在文档流中,内联元素按内联方向显示,即词语在依据文件写作模式的句子中表示的方向。块元素则一个接一个地显示,就像该文档的写作模式中的段落一样。因此在流体排版中,内联元素从左边开始一个接一个地显示,块元素从顶部开始向下显示并移动页面。
流体排版其实现阶段已经十分普遍了,通常我们设置字体大小的时候都是直接给一个具体的px值,这样带来的后果就是当视窗大小发生改变的时候我们的字体无法随着窗口的变化而变化从而达不到我们预期的效果,在后来我们利用媒体查询实现了这一功能,通过设置rem来进行自适应,再到现在我们可以用vmin、vw、vh、vmax进行排版。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@wwqin

        Issue actions

          [css] 第172天 你知道什么是流体排版吗?说说它的原理是什么? · Issue #1297 · haizlin/fe-interview