[css] 你知道什么是流體排版嗎？說(shuō)說(shuō)它的原理是什么？

在文檔流中，內(nèi)聯(lián)元素按內(nèi)聯(lián)方向顯示，即詞語(yǔ)在依據(jù)文件寫(xiě)作模式的句子中表示的方向。塊元素則一個(gè)接一個(gè)地顯示，就像該文檔的寫(xiě)作模式中的段落一樣。因此在流體排版中，內(nèi)聯(lián)元素從左邊開(kāi)始一個(gè)接一個(gè)地顯示，塊元素從頂部開(kāi)始向下顯示并移動(dòng)頁(yè)面。 流體排版其實(shí)現(xiàn)階段已經(jīng)十分普遍了，通常我們?cè)O(shè)置字體大小的時(shí)候都是直接給一個(gè)具體的px值，這樣帶來(lái)的后果就是當(dāng)視窗大小發(fā)生改變的時(shí)候我們的字體無(wú)法隨著窗口的變化而變化從而達(dá)不到我們預(yù)期的效果，在后來(lái)我們利用媒體查詢(xún)實(shí)現(xiàn)了這一功能，通過(guò)設(shè)置rem來(lái)進(jìn)行自適應(yīng)，再到現(xiàn)在我們可以用vmin、vw、vh、vmax進(jìn)行排版。

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] 你知道什么是流体排版吗？说说它的原理是什么？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。