企業(yè)網站設計流式布局
日期 : 2021-01-25 22:44:04
除了使用viewpoint和Media Query外, 在代碼中, 對width的設置是以百分號的形式賦值的, 這就是要實現響應式布局的第三個技術, 即流式布局。
流式布局英文名稱為Liquid Layout, 流式布局是指網頁頁面中各部分按照一定的百分寬度比來設置。例如說像剛才例子中對類left和right的設置所使用到的兩欄布局的網頁, 當左側欄占50%寬, 右側欄占50%寬的時候就是兩欄布局, 如果把左側欄與右側欄都設置為100%寬的時候, 這個網頁的布局就從左右兩欄變成了上下兩欄的布局了。
使用流式布局對于響應式設計來說就是一個很好的選擇, 可以確定網頁中的元素保持一定的百分比呈現出來, 比固定寬度的設置的靈活性更好。
流式布局英文名稱為Liquid Layout, 流式布局是指網頁頁面中各部分按照一定的百分寬度比來設置。例如說像剛才例子中對類left和right的設置所使用到的兩欄布局的網頁, 當左側欄占50%寬, 右側欄占50%寬的時候就是兩欄布局, 如果把左側欄與右側欄都設置為100%寬的時候, 這個網頁的布局就從左右兩欄變成了上下兩欄的布局了。
使用流式布局對于響應式設計來說就是一個很好的選擇, 可以確定網頁中的元素保持一定的百分比呈現出來, 比固定寬度的設置的靈活性更好。
相關文章
精彩導讀
熱門資訊
