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