[css] 你知道什么是流体排版吗?说说它的原理是什么?
生活随笔
收集整理的這篇文章主要介紹了
[css] 你知道什么是流体排版吗?说说它的原理是什么?
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[css] 你知道什么是流體排版嗎?說說它的原理是什么?
在文檔流中,內(nèi)聯(lián)元素按內(nèi)聯(lián)方向顯示,即詞語在依據(jù)文件寫作模式的句子中表示的方向。塊元素則一個接一個地顯示,就像該文檔的寫作模式中的段落一樣。因此在流體排版中,內(nèi)聯(lián)元素從左邊開始一個接一個地顯示,塊元素從頂部開始向下顯示并移動頁面。 流體排版其實現(xiàn)階段已經(jīng)十分普遍了,通常我們設(shè)置字體大小的時候都是直接給一個具體的px值,這樣帶來的后果就是當(dāng)視窗大小發(fā)生改變的時候我們的字體無法隨著窗口的變化而變化從而達不到我們預(yù)期的效果,在后來我們利用媒體查詢實現(xiàn)了這一功能,通過設(shè)置rem來進行自適應(yīng),再到現(xiàn)在我們可以用vmin、vw、vh、vmax進行排版。個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[css] 你知道什么是流体排版吗?说说它的原理是什么?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: eclipse汉化包安装步骤
- 下一篇: [js] 使用ajax轮询接口有什么优