当前位置: 首页 > 面试题库 >

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

狄易安
2023-03-14
本文向大家介绍你知道什么是流体排版吗?说说它的原理是什么?相关面试题,主要包含被问及你知道什么是流体排版吗?说说它的原理是什么?时的应答技巧和注意事项,需要的朋友参考一下

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

 类似资料:
  • 本文向大家介绍你知道什么是CSS-in-JS吗?说说你对它的了解相关面试题,主要包含被问及你知道什么是CSS-in-JS吗?说说你对它的了解时的应答技巧和注意事项,需要的朋友参考一下 CSS in JS简介 简单说,就是一句话,不要写"行内样式"(inline style)和"行内脚本"(inline script)。

  • 本文向大家介绍你知道js的可选链是什么吗?说说你对它的理解,它有什么应用场景?相关面试题,主要包含被问及你知道js的可选链是什么吗?说说你对它的理解,它有什么应用场景?时的应答技巧和注意事项,需要的朋友参考一下 可选链是ES2020新引入的功能,目前处于ECMAScript Proposal Stage 4阶段,将陆续登陆各大浏览器(目前可通过勾选chrome的Experimental JavaS

  • 本文向大家介绍你知道vue中key的原理吗?说说你对它的理解相关面试题,主要包含被问及你知道vue中key的原理吗?说说你对它的理解时的应答技巧和注意事项,需要的朋友参考一下 便于Diff时更高效的进行节点查询对比。 有key时,通过生成的key与索引映射关系,直接通过新子节点的key查询是否存在于旧子节点序列中。 无key时,必须遍历旧子节点序列,依次与新子节点对比判断是否为新增节点。 参考up

  • 本文向大家介绍说说react diff的原理是什么?相关面试题,主要包含被问及说说react diff的原理是什么?时的应答技巧和注意事项,需要的朋友参考一下 内存中存储两颗树,一颗树是已经渲染的树结构(Current Tree),另一颗是即将变化的树(Fiber Tree)。 每次状态发生变化,会对原来的树结构进行遍历,遍历过程中,会通过比较每个节点的结构与之前 Fiber 结构的区别,生成新的

  • 本文向大家介绍你知道v-model的原理吗?说说看相关面试题,主要包含被问及你知道v-model的原理吗?说说看时的应答技巧和注意事项,需要的朋友参考一下 v-model只不过是一个语法糖而已,真正的实现靠的还是 v-bind:绑定响应式数据 触发 input 事件 并传递数据 (核心和重点)

  • 本文向大家介绍你知道什么是html5plus吗?相关面试题,主要包含被问及你知道什么是html5plus吗?时的应答技巧和注意事项,需要的朋友参考一下 https://www.jianshu.com/p/cc2b89474144