偷偷鲁视频成人免费视频_丁香五月缴情伊人_欧美精品一区二区久久不卡_亚洲手机在线观看看片

優(yōu)惠活動 - 12周年慶本月新客福利
優(yōu)惠活動 - 12周年慶本月新客福利
優(yōu)惠活動 - 12周年慶本月新客福利

企業(yè)網(wǎng)站設(shè)計流式布局

日期 : 2021-01-25 22:44:04
        除了使用viewpoint和Media Query外, 在代碼中, 對width的設(shè)置是以百分號的形式賦值的, 這就是要實現(xiàn)響應(yīng)式布局的第三個技術(shù), 即流式布局。

        流式布局英文名稱為Liquid Layout, 流式布局是指網(wǎng)頁頁面中各部分按照一定的百分寬度比來設(shè)置。例如說像剛才例子中對類left和right的設(shè)置所使用到的兩欄布局的網(wǎng)頁, 當(dāng)左側(cè)欄占50%寬, 右側(cè)欄占50%寬的時候就是兩欄布局, 如果把左側(cè)欄與右側(cè)欄都設(shè)置為100%寬的時候, 這個網(wǎng)頁的布局就從左右兩欄變成了上下兩欄的布局了。

        使用流式布局對于響應(yīng)式設(shè)計來說就是一個很好的選擇, 可以確定網(wǎng)頁中的元素保持一定的百分比呈現(xiàn)出來, 比固定寬度的設(shè)置的靈活性更好。
相關(guān)文章